diff --git a/UI/WebServerResources/scss/core/mixins.scss b/UI/WebServerResources/scss/core/mixins.scss
index 908fc223b..c2d821dc1 100644
--- a/UI/WebServerResources/scss/core/mixins.scss
+++ b/UI/WebServerResources/scss/core/mixins.scss
@@ -26,14 +26,14 @@
 }
 @mixin from($breakpoint) {
   $min_idx: index($slicer-breakpoint-names, $breakpoint);
-  $min: nth($slicer-breakpoints, $min_idx) + 1;
+  $min: nth($slicer-breakpoints, $min_idx + 1);
   @include breakpoint($min) {
     @content;
   }
 }
 @mixin to($breakpoint) {
   $max_idx: index($slicer-breakpoint-names, $breakpoint);
-  $max: nth($slicer-breakpoints, $max_idx + 1);
+  $max: nth($slicer-breakpoints, $max_idx + 1) - 1;
   @include breakpoint('max-width' $max) {
     @content;
   }