diff --git a/addons/pos_self_order/views/res_config_settings_views.xml b/addons/pos_self_order/views/res_config_settings_views.xml
index 62e0e4d1b19..f351c9ef912 100644
--- a/addons/pos_self_order/views/res_config_settings_views.xml
+++ b/addons/pos_self_order/views/res_config_settings_views.xml
@@ -10,9 +10,9 @@
                     <field name="pos_self_order_view_mode"/>
                     <div class="content-group d-flex gap-5" attrs="{'invisible': [('pos_self_order_view_mode','=',False)]}">
                         <div class="d-flex flex-column align-items-start w-50">
-                            <button class="btn btn-link p-0 w-100" name="pos_self_order.custom_link_action" type="action" string="Configure Buttons"/>
-                            <button class="btn btn-link p-0 w-100" name="generate_qr_codes_page" type="object" string="Generate Qr Codes"/>
-                            <button class="btn btn-link p-0 w-100" name="preview_self_order_app" type="object" string="Preview"/>
+                            <button class="btn-link p-0" icon="oi-arrow-right" name="pos_self_order.custom_link_action" type="action" string="Configure Buttons"/>
+                            <button class="btn-link p-0" icon="oi-arrow-right" name="generate_qr_codes_page" type="object" string="Generate Qr Codes"/>
+                            <button class="btn-link p-0" icon="oi-arrow-right" name="preview_self_order_app" type="object" string="Preview"/>
                         </div>
                         <div class="d-flex flex-column align-items-start">
                             <div class="d-flex flex-column align-items-start">