diff --git a/src/courseware/course/sidebar/common/SidebarBase.scss b/src/courseware/course/sidebar/common/SidebarBase.scss
index d705c252..1ab5f41c 100644
--- a/src/courseware/course/sidebar/common/SidebarBase.scss
+++ b/src/courseware/course/sidebar/common/SidebarBase.scss
@@ -1,5 +1,5 @@
 #course-sidebar {
-    @media (max-width: -1 + map-get($grid-breakpoints, "lg")) {
+    @media (max-width: map-get($grid-breakpoints, "lg")) {
         overflow-y: scroll;
         padding: 0 .625rem !important;
     }
diff --git a/src/courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray.scss b/src/courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray.scss
index 5fd9a0b7..8376f4aa 100644
--- a/src/courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray.scss
+++ b/src/courseware/course/sidebar/sidebars/course-outline/CourseOutlineTray.scss
@@ -66,7 +66,7 @@
             border-radius: 0;
             padding: map-get($spacers, 3\.5) map-get($spacers, 4) map-get($spacers, 3\.5) map-get($spacers, 5);
 
-            @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+            @media (max-width: map-get($grid-breakpoints, "sm")) {
                 padding-left: map-get($spacers, 4);
             }
 
@@ -90,7 +90,7 @@
         ol li > a {
             padding: map-get($spacers, 3\.5) map-get($spacers, 4) map-get($spacers, 3\.5) map-get($spacers, 5\.5);
 
-            @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+            @media (max-width: map-get($grid-breakpoints, "sm")) {
                 padding-left: map-get($spacers, 4\.5);
             }
 
diff --git a/src/courseware/course/sidebar/sidebars/discussions/Discussions.scss b/src/courseware/course/sidebar/sidebars/discussions/Discussions.scss
index fe94248b..28d4fb89 100644
--- a/src/courseware/course/sidebar/sidebars/discussions/Discussions.scss
+++ b/src/courseware/course/sidebar/sidebars/discussions/Discussions.scss
@@ -1,5 +1,5 @@
 .discussions-sidebar-frame {
-    @media (max-width: -1 + map-get($grid-breakpoints, "xl")) {
+    @media (max-width: map-get($grid-breakpoints, "xl")) {
         max-height: calc(100vh - 65px);
     }
 }
diff --git a/src/index.scss b/src/index.scss
index fe517831..29304d60 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -87,7 +87,7 @@
 }
 
 .notification-btn {
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     height: 3rem;
   }
 }
@@ -96,7 +96,7 @@
   display: flex;
   flex-grow: 1;
 
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     max-width: 100%;
   }
 
@@ -104,7 +104,7 @@
     margin: -1px -1px 0;
   }
 
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     width: 100% !important;
   }
 
@@ -249,7 +249,7 @@
     justify-content: center;
     align-items: center;
 
-    @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+    @media (max-width: map-get($grid-breakpoints, "sm")) {
       padding-top: 1rem;
       padding-bottom: 1rem;
     }
@@ -332,7 +332,7 @@
   max-width: 640px;
   margin: 0 auto;
 
-  @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
     flex-direction: column;
     gap: $spacer;
   }