Fix rtl mobile header menu.

frontend/src/app/components/master-page/master-page.component.scss

@@ -72,6 +72,14 @@ li.nav-item {
   width: 60%;
 }
 
+.navbar {
+  .dropdown {
+    button {
+      width: 62px;
+    }
+  }
+}
+
 @media (min-width: 576px) {
   .navbar-brand {
     width: 140px;
@@ -132,4 +140,4 @@ nav {
 }
 .navbar-dark .navbar-nav .nav-link {
   color: #f1f1f1;
-}
+}

frontend/src/app/components/search-form/search-form.component.scss

@@ -10,14 +10,14 @@ form {
   @media (min-width: 576px) {
     margin-top: 0px;
     margin-left: 8px;
-  }  
+  }
   @media (min-width: 992px) {
     width: 100%;
   }
 }
 
 .btn-block {
-  width: 58.55px;
+  width: 62px;
 }
 
 .search-box-container {
@@ -37,4 +37,4 @@ form {
   .btn {
     width: 100px;
   }
-}
+}