diff --git a/src/layouts/components/navbar/components/middle-side/style.scss b/src/layouts/components/navbar/components/middle-side/style.scss
index c2887a7..499b271 100644
--- a/src/layouts/components/navbar/components/middle-side/style.scss
+++ b/src/layouts/components/navbar/components/middle-side/style.scss
@@ -8,42 +8,42 @@
     width: 560px;
     height: 36px;
     padding: 0 2px 0 16px;
-    border-radius: 50px;
-    background: rgba(255, 255, 255, 0.6);
+    border-radius: 50px !important;
+    background-color: rgba(255, 255, 255, 0.6) !important;
     backdrop-filter: blur(8px);
-    border-color: #fff;
+    border-color: #fff !important;
     box-shadow: none;
     transition: all 0.3s;
     display: flex;
     align-items: center;
     &.ant-input-affix-wrapper-focused {
-      border-color: #6d4cfe;
-      caret-color: #6d4cfe;
+      border-color: #6d4cfe !important;
+      caret-color: #6d4cfe !important;
     }
     &:hover {
-      border-color: #6d4cfe;
+      border-color: #6d4cfe !important;
     }
     .ant-input-suffix {
-      margin-inline-start: 0;
+      margin-inline-start: 0 !important;
     }
     .ant-input {
       padding-right: 16px;
       border: none !important;
-      background-color: transparent;
+      background-color: transparent !important;
       box-shadow: none;
       font-family: $font-family-regular;
       color: #211f24;
-      font-size: 12px;
+      font-size: 12px !important;
       font-style: normal;
       font-weight: 400;
       line-height: 20px;
       &::placeholder {
-        color: #939499;
+        color: #939499 !important;
       }
 
       &:focus-within {
         &::after {
-          border-width: 1px;
+          border-width: 1px !important;
         }
       }
     }