diff --git a/packages/react/src/river/river-shared.module.css b/packages/react/src/river/river-shared.module.css
index b6fd020af..dcb439f36 100644
--- 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;