3 files changed, 5 insertions, 7 deletions

diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index 45cef7b9a..e335f136a 100644
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 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 ed7f3bd65..d6ce6eca4 100644
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -1,7 +1,5 @@
-@import '_mixins';
-@import '_variables';
-@import '_bootstrap-variables';
-@import '~bootstrap/scss/mixins/_breakpoints';
+@use '_mixins';
+@use '_variables';
 
 #search-video {
   @include peertube-input-text($search-input-width);
diff --git a/client/src/app/header/suggestion.component.scss b/client/src/app/header/suggestion.component.scss
index 9163de0b1..626b87c3c 100644
--- a/client/src/app/header/suggestion.component.scss
+++ b/client/src/app/header/suggestion.component.scss
@@ -1,4 +1,4 @@
-@import '_mixins';
+@use '_mixins';
 
 a {
   @include disable-default-a-behaviour;