diff --git a/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss b/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss
index 10f0fa115cb..4bcb4389e1b 100644
--- a/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss
+++ b/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss
@@ -4,15 +4,7 @@
     left: 50%;
     transform: translateX(-50%);
     z-index:10;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-    border-bottom: 0px;
-    padding: 10px 20px;
-    text-align: center;
-    border: 2px solid theme-color('primary');
-    border-bottom: 0px;
-    background-color: white;
-    opacity: 0.95;
+    border: 2px solid;
 
     .o_product_panel {
         position: relative;
diff --git a/addons/website_sale_comparison/static/src/xml/comparison.xml b/addons/website_sale_comparison/static/src/xml/comparison.xml
index 800cdddb04a..a4ae2bb6071 100644
--- a/addons/website_sale_comparison/static/src/xml/comparison.xml
+++ b/addons/website_sale_comparison/static/src/xml/comparison.xml
@@ -1,9 +1,9 @@
 <templates id="compare_products" xml:space="preserve">
 
     <t t-name="product_comparison_template">
-        <div class="o_product_feature_panel d-none css_editable_mode_hidden o_bottom_fixed_element">
+        <div class="o_product_feature_panel d-none css_editable_mode_hidden o_bottom_fixed_element bg-white rounded-top border-primary border-bottom-0 px-3 py-2">
             <span class="o_product_panel" id="comparelist">
-                <span class="o_product_panel_header">
+                <span class="o_product_panel_header text-center">
                     <span class="o_product_icon"><i class="fa fa-exchange" role="img" aria-label="Product" title="Product"></i></span>
                     <span class="o_product_text">Compare</span>
                     <span class="o_product_circle o_animate_blink badge badge-primary">0</span>