2 files changed, 13 insertions, 9 deletions
diff --git a/apps/web-shared/src/styles/base/_breakpoints.scss b/apps/web-shared/src/styles/base/_breakpoints.scss
index a7f1eda..9b61af3 100644
--- a/apps/web-shared/src/styles/base/_breakpoints.scss
+++ b/apps/web-shared/src/styles/base/_breakpoints.scss
@@ -1,15 +1,19 @@
 $breakpoints: (
-  xs: 32rem, // ~512px
-  sm: 48rem, // ~768px
-  md: 64rem, // ~1024px
-  lg: 80rem, // ~1280px
-  xl: 90rem  // ~1440px
+        xs: "768px",
+        sm: "768px",
+        md: "1200px",
+        lg: "1200px",
+        xl: "1600px"
 ) !default;
 
 @mixin breakpoint($breakpoint, $logic: false) {
-  @if( $logic ) {
-    @media #{$logic} and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) { @content; }
+  @if ($logic) {
+    @media #{$logic} and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
+      @content;
+    }
   } @else {
-    @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) { @content; }
+    @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
+      @content;
+    }
   }
 }
diff --git a/apps/web-shared/src/styles/base/_util.scss b/apps/web-shared/src/styles/base/_util.scss
index d688e1c..c384c2c 100644
--- a/apps/web-shared/src/styles/base/_util.scss
+++ b/apps/web-shared/src/styles/base/_util.scss
@@ -1250,7 +1250,7 @@ $breakpointsNr: length($breakpoints);
 [class^="translate"], [class*=" translate"],
 [class^="-scale"], [class*=" -scale"],
 [class^="scale"], [class*=" scale"],
-[class^="-skew"], [class*=" -skew"]
+[class^="-skew"], [class*=" -skew"],
 [class^="skew"], [class*=" skew"] {
   --translate: 0;
   --rotate: 0;