diff --git a/src/canvas/styles/main.scss b/src/canvas/styles/main.scss
index 4e41792..46107b2 100644
--- a/src/canvas/styles/main.scss
+++ b/src/canvas/styles/main.scss
@@ -249,7 +249,7 @@ aside .node > * {
   flex-grow: 1;
   height: 100%;
 }
-@media screen and (max-width: 672px) {
+@media screen and (max-width: 671px) {
   .dndflow {
     flex-direction: column;
   }
@@ -289,7 +289,7 @@ aside .node > * {
   }
 }
 
-@media screen and (max-height: 672px) and (max-width: 672px) {
+@media screen and (max-height: 672px) and (max-width: 671px) {
   aside #controls {
     height: 100%;
     overflow-y: scroll;
diff --git a/src/components/ComponentView/RunPropertiesTable.vue b/src/components/ComponentView/RunPropertiesTable.vue
index 8d15ca8..dc2cb5e 100644
--- a/src/components/ComponentView/RunPropertiesTable.vue
+++ b/src/components/ComponentView/RunPropertiesTable.vue
@@ -300,7 +300,7 @@ bx-table-header-cell {
   margin-top: 0;
 }
 
-@media screen and (max-width: 672px) {
+@media screen and (max-width: 671px) {
   .download-text {
     display: none;
   }
diff --git a/src/components/ExperimentView/PageHero.vue b/src/components/ExperimentView/PageHero.vue
index ab3e649..61e7e09 100644
--- a/src/components/ExperimentView/PageHero.vue
+++ b/src/components/ExperimentView/PageHero.vue
@@ -271,7 +271,7 @@ dds-cta-block {
   padding: 0;
   font-size: 16px;
 
-  @media screen and (max-width: 672px) {
+  @media screen and (max-width: 671px) {
     padding-top: 2rem;
   }
 }
diff --git a/src/components/St4sdExperimentCards/St4sdExperimentCards.vue b/src/components/St4sdExperimentCards/St4sdExperimentCards.vue
index 6dc9c05..1794bd8 100644
--- a/src/components/St4sdExperimentCards/St4sdExperimentCards.vue
+++ b/src/components/St4sdExperimentCards/St4sdExperimentCards.vue
@@ -209,7 +209,7 @@ export default {
   }
 }
 
-@media screen and (max-width: 672px) {
+@media screen and (max-width: 671px) {
   .card-proportions {
     max-height: none;
   }
diff --git a/src/components/St4sdStatusIndicator/St4sdStatusIndicator.vue b/src/components/St4sdStatusIndicator/St4sdStatusIndicator.vue
index 34a33c9..2f99d8b 100644
--- a/src/components/St4sdStatusIndicator/St4sdStatusIndicator.vue
+++ b/src/components/St4sdStatusIndicator/St4sdStatusIndicator.vue
@@ -154,7 +154,7 @@ export default {
   }
 }
 
-@media screen and (max-width: 672px) {
+@media screen and (max-width: 671px) {
   #statusChart {
     width: 75%;
   }
diff --git a/src/views/ExperimentView/ExperimentView.vue b/src/views/ExperimentView/ExperimentView.vue
index d93dca1..4230b27 100644
--- a/src/views/ExperimentView/ExperimentView.vue
+++ b/src/views/ExperimentView/ExperimentView.vue
@@ -398,7 +398,7 @@ bx-breadcrumb-item {
     font-size: calc(16px + (24 - 16) * ((100vw - 42rem) / (1056 - 672)));
     margin-bottom: 1rem;
   }
-  @media screen and (max-width: 672px) {
+  @media screen and (max-width: 671px) {
     margin-bottom: 16px;
     margin-left: 0;
   }
@@ -406,7 +406,7 @@ bx-breadcrumb-item {
 }
 
 .ve-copy {
-  @media screen and (max-width: 672px) {
+  @media screen and (max-width: 671px) {
     margin-left: 0;
   }
   margin-right: 16px;
diff --git a/src/views/GlobalRegistryLibraryView/GlobalRegistryLibraryView.vue b/src/views/GlobalRegistryLibraryView/GlobalRegistryLibraryView.vue
index 3f2abae..6c60102 100644
--- a/src/views/GlobalRegistryLibraryView/GlobalRegistryLibraryView.vue
+++ b/src/views/GlobalRegistryLibraryView/GlobalRegistryLibraryView.vue
@@ -287,7 +287,7 @@ export default {
   height: fit-content;
 }
 
-@media screen and (max-width: 672px) {
+@media screen and (max-width: 671px) {
   #basket {
     max-width: 300px;
     margin-left: 1rem;