diff --git a/pos_access_right_hr/static/src/xml/ActionpadWidget.xml b/pos_access_right_hr/static/src/xml/ActionpadWidget.xml
index 79753d7d2..f6d03f62b 100644
--- a/pos_access_right_hr/static/src/xml/ActionpadWidget.xml
+++ b/pos_access_right_hr/static/src/xml/ActionpadWidget.xml
@@ -36,11 +36,43 @@
                         t-attf-class="{{getMainButtonClasses()}}"
                         t-att-class="{ 'with-more-button': props.onClickMore and ui.isSmall }"
                         t-on-click="props.actionToTrigger ? this.props.actionToTrigger : () => pos.get_order().pay()">
-                    <div class="pay-circle d-flex align-items-center justify-content-center py-2 mb-2">
-                        <i class="oi oi-chevron-right" role="img" aria-label="Pay" title="Pay"/>
+                    <div class="pay-circle d-flex align-items-center justify-content-center py-2 mb-2" style="margin-bottom: 0 !important;">
+                        <i class="oi oi-chevron-right" role="img" aria-label="Pay" title="Pay" />
                     </div>
                     <t class="text-white" t-esc="props.actionName"/>
                 </button>
+<!--                <button class="submit-order h-100 button btn"-->
+<!--                        t-att-disabled="disable_payment()"-->
+<!--                        t-attf-class="{{getMainButtonClasses()}}"-->
+<!--                        t-att-class="{ 'with-more-button': props.onClickMore and ui.isSmall }"-->
+<!--                        t-on-click="props.actionToTrigger ? this.props.actionToTrigger : () => pos.get_order().pay()">-->
+<!--                    <div class="pay-circle d-flex align-items-center justify-content-center py-2 mb-2">-->
+<!--                        <i class="oi oi-chevron-right" role="img" aria-label="order" title="order"/>-->
+<!--                    </div>-->
+<!--                    <t class="text-white" t-esc="props.actionName"/>-->
+<!--                </button>-->
+                <button
+                t-if="this.swapButton"
+                class="btn-secondary"
+                t-attf-class="submit-order h-100 {{getMainButtonClasses()}}"
+                t-att-class="swapButtonClasses"
+                t-on-click="submitOrder"
+                style="width: 170px; box-shadow: unset;outline: unset;border: unset;">
+                <i class="fa fa-cutlery"></i>
+                Order
+                <div t-if="displayCategoryCount.length" class="break-line fw-normal fs-6 w-100  border-top mt-1 pt-1">
+                    <t t-foreach="displayCategoryCount" t-as="categoryCountLine"  t-key="categoryCountLine_index">
+                        <div class="d-flex justify-content-start g-0 my-1 w-100">
+                            <label class="rounded px-2 py-0 me-1" style="background-color:rgba(0, 0, 0, 0.3);"><t t-esc="this.env.utils.formatProductQty(categoryCountLine.count, false)"/></label>
+                            <label class="text-truncate ps-0" ><t t-esc="categoryCountLine.name"/></label>
+                        </div>
+                    </t>
+                </div>
+                <t t-if="isCategoryCountOverflow">
+                    <div class="position-absolute bottom-0">...</div>
+                </t>
+            </button>
+
             </div>
         </xpath>
     </t>