3 files changed, 7 insertions, 6 deletions

diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index e335f136a..de483086b 100644
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -1,5 +1,5 @@
-@use '_variables';
-@use '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 my-search-typeahead {
   @include margin-right(15px);
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index d6ce6eca4..5114ec3a7 100644
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -1,5 +1,5 @@
-@use '_mixins';
-@use '_variables';
+@use '_mixins' as *;
+@use '_variables' as *;
 
 #search-video {
   @include peertube-input-text($search-input-width);
@@ -122,7 +122,7 @@ li.suggestion {
       border-end-start-radius: 0;
       border-end-end-radius: 0;
 
-      @include media-breakpoint-up(lg) {
+      @media screen and (min-width: 1000px) {
         width: 500px;
       }
     }
diff --git a/client/src/app/header/suggestion.component.scss b/client/src/app/header/suggestion.component.scss
index 626b87c3c..41ca34d5a 100644
--- a/client/src/app/header/suggestion.component.scss
+++ b/client/src/app/header/suggestion.component.scss
@@ -1,4 +1,5 @@
-@use '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 a {
   @include disable-default-a-behaviour;