diff --git a/addons/web/static/src/scss/search_view_mobile.scss b/addons/web/static/src/scss/search_view_mobile.scss
index f5ccd133cc1..4b44fa1d85c 100644
--- a/addons/web/static/src/scss/search_view_mobile.scss
+++ b/addons/web/static/src/scss/search_view_mobile.scss
@@ -13,7 +13,7 @@
             height: 46px;
             margin-bottom: 10px;
             width: 100%;
-            background-color: $o-brand-primary;
+            background-color: $o-brand-odoo;
             color: white;
             span:active {
                 background-color: darken($o-brand-primary, 10%);
@@ -61,9 +61,12 @@
             .dropdown-backdrop {
                 z-index: -1;
             }
-            ul {
-                position: relative;
-                width: 100%;
+            .dropdown-menu {
+                // Here we use !important because of popper js adding custom style
+                // to element so to override it use !important
+                position: relative !important;
+                width: 100% !important;
+                transform: translate3d(0, 0, 0) !important;
                 box-shadow: none;
                 border: none;
                 color: gray('600');