X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bpage-not-found%2Fpage-not-found.component.scss;h=efb81ff004254ee3d80080d142cd7b6674ff1f85;hb=88f599a64f609bdf6fc1f860ab4d45b594a7201e;hp=06c1d758e7bf80f37edbb3b81a66eab4626df5d4;hpb=19b7ebfaa822b12f6da25ad2ba10398b3ef25ec6;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+page-not-found/page-not-found.component.scss b/client/src/app/+page-not-found/page-not-found.component.scss
index 06c1d758e..efb81ff00 100644
--- a/client/src/app/+page-not-found/page-not-found.component.scss
+++ b/client/src/app/+page-not-found/page-not-found.component.scss
@@ -1,10 +1,11 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .root {
+  @include margin-left(auto);
+  @include margin-right(auto);
+
   height: 100%;
-  margin-left: auto;
-  margin-right: auto;
   text-align: center;
   padding-top: 150px;
   display: flex;
@@ -12,20 +13,21 @@
   flex-direction: column-reverse;
 
   .box {
-    text-align: left;
+    text-align: start;
     font-size: 120%;
     padding: 0 15px;
   }
 
   img {
-    margin-left: auto;
+    @include margin-left(auto);
+
     width: 220px;
     height: auto;
   }
 
   @media screen and (max-width: $mobile-view) {
     img {
-      margin-right: auto;
+      @include margin-right(auto);
     }
   }