diff --git a/styles/components/quadrant-section.css b/styles/components/quadrant-section.css
index b9785df..00df24b 100644
--- a/styles/components/quadrant-section.css
+++ b/styles/components/quadrant-section.css
@@ -13,7 +13,7 @@
     padding: 0 8px;
     flex: 0 0 25%;
     margin: 0 0 25px;
-    @media (--until-sm) {
+    @media (--until-md) {
       flex-basis: 50%;
 
     }
diff --git a/styles/components/split.css b/styles/components/split.css
index 6050272..e1e72f0 100644
--- a/styles/components/split.css
+++ b/styles/components/split.css
@@ -18,4 +18,8 @@
   &__right {
     flex: 0 1 auto;
   }
+
+   @media (--until-sm) {
+     display: block;
+   }
 }