diff --git a/assets/css/variables.scss b/assets/css/variables.scss
index 4990b5e..0c5bbc3 100644
--- a/assets/css/variables.scss
+++ b/assets/css/variables.scss
@@ -47,8 +47,8 @@ body.dark-theme {
 }
 
 /* MEDIA QUERIES */
-$phone: (max-width: 684px);
-$tablet: (max-width: 900px);
+$phone: 'max-width: 684px';
+$tablet: 'max-width: 900px';
 
 @mixin greater-icon($stroke-width: 3px, $width: .95rem, $height: 100%) {
   .greater-icon {