diff --git a/front/src/Components/App.svelte b/front/src/Components/App.svelte
index b80d7027..f30b62b9 100644
--- a/front/src/Components/App.svelte
+++ b/front/src/Components/App.svelte
@@ -49,14 +49,3 @@
     {/if}
 </div>
 
-<style lang="scss">
-  .absolute-overlay {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-
-    > & {
-      position: relative;
-    }
-  }
-</style>
diff --git a/front/style/index.scss b/front/style/index.scss
index 47f13c3b..7ed141cd 100644
--- a/front/style/index.scss
+++ b/front/style/index.scss
@@ -1,5 +1,5 @@
 @import "cowebsite.scss";
 @import "cowebsite-mobile.scss";
-@import "style.css";
+@import "style";
 @import "mobile-style.scss";
-@import "fonts.scss";
\ No newline at end of file
+@import "fonts.scss";
diff --git a/front/style/style.css b/front/style/style.scss
similarity index 99%
rename from front/style/style.css
rename to front/style/style.scss
index 10a5fdad..78cfcc66 100644
--- a/front/style/style.css
+++ b/front/style/style.scss
@@ -1211,4 +1211,14 @@ div.action.danger p.action-body{
     width: 100%;
     height: 100%;
     pointer-events: none;
+
+    .absolute-overlay {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+
+        & > * {
+            position: relative;
+        }
+    }
 }