diff --git a/addons/point_of_sale/static/src/app/generic_components/inputs/input/input.xml b/addons/point_of_sale/static/src/app/generic_components/inputs/input/input.xml
index 41df34579a8..dd583d1680c 100644
--- a/addons/point_of_sale/static/src/app/generic_components/inputs/input/input.xml
+++ b/addons/point_of_sale/static/src/app/generic_components/inputs/input/input.xml
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates id="template" xml:space="preserve">
     <t t-name="point_of_sale.input">
-        <div t-attf-class="{{props.class}} d-flex align-items-center">
-            <button t-if="props.isSmall" 
-                class="p-3 rounded" 
+        <div t-attf-class="{{props.class}} d-flex align-items-center gap-1">
+            <button t-if="props.isSmall"
+                class="p-2 rounded btn btn-secondary"
                 t-on-click="() => state.isOpen = !state.isOpen">
                 <i t-if="state.isOpen" class="fa fa-arrow-right"/>
                 <t t-else="props.iconOnLeftSide" t-call="point_of_sale.inputIcon" />