diff --git a/.github/linters/.stylelintrc.json b/.github/linters/.stylelintrc.json
index f866bd1d..87094dba 100644
--- a/.github/linters/.stylelintrc.json
+++ b/.github/linters/.stylelintrc.json
@@ -19,6 +19,7 @@
         "ignorePseudoElements": [ "deep" ]
       }
     ],
-    "indentation": 4
+    "indentation": 4,
+    "media-feature-range-notation": "prefix"
   }
 }
\ No newline at end of file
diff --git a/src/Cropper.Blazor/Client/Styles/layout/_mainlayout.scss b/src/Cropper.Blazor/Client/Styles/layout/_mainlayout.scss
index 09cafde8..0c258f5c 100644
--- a/src/Cropper.Blazor/Client/Styles/layout/_mainlayout.scss
+++ b/src/Cropper.Blazor/Client/Styles/layout/_mainlayout.scss
@@ -12,7 +12,7 @@
     margin: 0 4px;
 }
 
-@media (width <= 600px) {
+@media (max-width: 600px) {
     .docs-title {
         font-size: 2.5rem;
     }
@@ -92,7 +92,7 @@
     }
 }
 
-@media (width <= 960px) {
+@media (max-width: 960px) {
     :root {
         --mud-drawer-width-left: 300px !important;
     }
diff --git a/src/Cropper.Blazor/Client/Styles/layout/_updateAvaibleDetector.scss b/src/Cropper.Blazor/Client/Styles/layout/_updateAvaibleDetector.scss
index b79d2937..2291b4c9 100644
--- a/src/Cropper.Blazor/Client/Styles/layout/_updateAvaibleDetector.scss
+++ b/src/Cropper.Blazor/Client/Styles/layout/_updateAvaibleDetector.scss
@@ -1,4 +1,4 @@
-@media (width >= 0) and (width <= 510px) {
+@media (min-width: 0) and (max-width: 510px) {
     .mud-snackbar-location-bottom-right {
         right: 0 !important;
     }