diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css
index 22f8f073910..856b7f0d73b 100644
--- a/addons/point_of_sale/static/src/css/pos.css
+++ b/addons/point_of_sale/static/src/css/pos.css
@@ -3468,14 +3468,6 @@ td {
     display: flex;
 }
 
-.receipt-screen .default-view .actions .send-email .email-icon {
-    padding: 1rem;
-    border: solid 1px rgb(209, 209, 209);
-    border-right: none;
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
-}
-
 .receipt-screen .default-view .actions .send-email .input-email {
     display: flex;
     flex: 1;
@@ -3522,14 +3514,14 @@ td {
 }
 
 .receipt-screen .notice .send-mail-info {
-    position: absolute;
-    right: 1.5rem;
+    width: 100%;
+    text-align: right;
     font-style: italic;
 }
 
 @media screen and (max-width: 768px) {
     .receipt-screen .default-view {
-        flex-direction: column-reverse;
+        flex-direction: column;
         overflow: auto;
     }
     .receipt-screen .default-view .actions {
diff --git a/addons/point_of_sale/static/src/xml/Screens/ReceiptScreen/ReceiptScreen.xml b/addons/point_of_sale/static/src/xml/Screens/ReceiptScreen/ReceiptScreen.xml
index 9e6c21923a2..269b00b1b5e 100644
--- a/addons/point_of_sale/static/src/xml/Screens/ReceiptScreen/ReceiptScreen.xml
+++ b/addons/point_of_sale/static/src/xml/Screens/ReceiptScreen/ReceiptScreen.xml
@@ -16,9 +16,6 @@
                     </div>
                 </div>
                 <div class="default-view">
-                    <div class="pos-receipt-container">
-                        <OrderReceipt order="currentOrder" t-ref="order-receipt" />
-                    </div>
                     <div class="actions">
                         <h1>How would you like to receive your receipt<t t-if="currentOrder.is_to_invoice()"> &amp; invoice</t>?</h1>
                         <div class="buttons">
@@ -27,10 +24,11 @@
                             </div>
                         </div>
                         <form t-on-submit.prevent="onSendEmail" class="send-email">
-                            <div class="email-icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
                             <div class="input-email">
                                 <input type="email" placeholder="Email Receipt" t-model="orderUiState.inputEmail" />
-                                <button class="send" t-att-class="{ highlight: is_email(orderUiState.inputEmail) }" type="submit">Send</button>
+                                <button class="send" t-att-class="{ highlight: is_email(orderUiState.inputEmail) }" type="submit">
+                                    <i class="fa fa-paper-plane" aria-hidden="true"/>
+                                </button>
                             </div>
                         </form>
                         <div class="notice">
@@ -42,6 +40,9 @@
                             </div>
                         </div>
                     </div>
+                    <div class="pos-receipt-container">
+                        <OrderReceipt order="currentOrder" t-ref="order-receipt" />
+                    </div>
                 </div>
             </div>
         </div>