Hotfixes for 0.41.0 RC (continued) (#802)

primer · Oct 28, 2024 · 2edf802 · 2edf802
1 parent 4a07afb
commit 2edf802
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/packages/react/src/river/river-shared.module.css b/packages/react/src/river/river-shared.module.css
@@ -91,14 +91,6 @@
     grid-area: content;
   }
 
-  .River--align-start .River__content {
-    padding-inline-end: var(--base-size-128);
-  }
-
-  .River--align-end .River__content {
-    padding-inline: var(--base-size-64);
-  }
-
   .River__visual {
     grid-area: visual;
   }
@@ -128,6 +120,17 @@
   }
 }
 
+/* Large breakpoint and up */
+@media screen and (min-width: 63.25rem) {
+  .River--align-start .River__content {
+    padding-inline-end: var(--base-size-128);
+  }
+
+  .River--align-end .River__content {
+    padding-inline: var(--base-size-64);
+  }
+}
+
 .RiverBreakout {
   display: flex;
   flex-direction: column;