diff --git a/addons/sale/static/src/scss/sale_portal.scss b/addons/sale/static/src/scss/sale_portal.scss
index 5bf4aefcb51..a9d57cff022 100644
--- a/addons/sale/static/src/scss/sale_portal.scss
+++ b/addons/sale/static/src/scss/sale_portal.scss
@@ -14,3 +14,15 @@
 .sale_tbody .o_line_note {
     word-break: break-all;
 }
+
+.o_portal .sale_tbody .js_quantity_container {
+    width: 50%;
+
+    .js_quantity {
+        text-align: center;
+    }
+
+    @include media-breakpoint-down(sm) {
+        width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/addons/sale_management/views/sale_portal_templates.xml b/addons/sale_management/views/sale_portal_templates.xml
index d248f2d2c2d..b29f06c08f5 100644
--- a/addons/sale_management/views/sale_portal_templates.xml
+++ b/addons/sale_management/views/sale_portal_templates.xml
@@ -79,10 +79,10 @@
 
         <xpath expr="//section[@id='details']//div[@id='quote_qty']" position="replace">
             <t t-if="sale_order.state in ['draft', 'sent'] and line.sale_order_option_ids">
-                <div class="input-group w-50 pull-right">
+                <div class="input-group js_quantity_container pull-right">
 
                     <div class="input-group-prepend d-print-none">
-                        <span class="input-group-text">
+                        <span class="input-group-text d-none d-md-inline-block">
                             <a t-att-data-line-id="line.id" t-att-data-remove="True" href="#" class="js_update_line_json" aria-label="Remove one" title="Remove one">
                                 <span class="fa fa-minus"/>
                             </a>
@@ -91,7 +91,7 @@
                     <!-- TODO add uom in this case too -->
                     <input type="text" class="js_quantity form-control" t-att-data-line-id="line.id" t-att-value="line.product_uom_qty"/>
                     <div class="input-group-append d-print-none">
-                        <span class="input-group-text">
+                        <span class="input-group-text d-none d-md-inline-block">
                             <a t-att-data-line-id="line.id" href="#" class="js_update_line_json" aria-label="Add one" title="Add one">
                                 <span class="fa fa-plus"/>
                             </a>