diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index 27091cdd25b..0b7d3da149b 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -6,6 +6,7 @@ import {announce} from '@primer/live-region-element'
 import {Tooltip} from '../TooltipV2/Tooltip'
 import {KeybindingHint} from '../KeybindingHint'
 import VisuallyHidden from '../_VisuallyHidden'
+
 export default {
   title: 'Components/Button/Features',
 }
@@ -129,7 +130,7 @@ export const Disabled = () => (
 )
 
 export const Inactive = () => (
-  <div style={{display: 'flex', flexDirection: 'row', gap: '1rem'}}>
+  <div style={{display: 'flex', flexWrap: 'wrap', flexDirection: 'row', gap: '1rem'}}>
     <VisuallyHidden id="inactive-state">Inactive</VisuallyHidden>
     <Button inactive aria-describedby="inactive-state">
       Default
diff --git a/packages/react/src/DataTable/DataTable.features.stories.module.css b/packages/react/src/DataTable/DataTable.features.stories.module.css
index 7c3332d5600..8c8dc8b7612 100644
--- a/packages/react/src/DataTable/DataTable.features.stories.module.css
+++ b/packages/react/src/DataTable/DataTable.features.stories.module.css
@@ -3,3 +3,14 @@
   align-items: center;
   gap: var(--base-size-4);
 }
+
+.WithOverflowWrapper {
+  /* stylelint-disable-next-line primer/responsive-widths */
+  width: 500px;
+}
+
+@media (max-width: 500px) {
+  .WithOverflowWrapper {
+    width: 100%;
+  }
+}
diff --git a/packages/react/src/DataTable/DataTable.features.stories.tsx b/packages/react/src/DataTable/DataTable.features.stories.tsx
index fad39367e60..6563a3054bd 100644
--- a/packages/react/src/DataTable/DataTable.features.stories.tsx
+++ b/packages/react/src/DataTable/DataTable.features.stories.tsx
@@ -1151,11 +1151,7 @@ export const WithNoContent = () => {
 }
 
 export const WithOverflow = () => (
-  <div
-    style={{
-      width: 500,
-    }}
-  >
+  <div className={classes.WithOverflowWrapper}>
     <Table.Container>
       <Table.Title as="h2" id="repositories">
         Repositories
diff --git a/packages/react/src/TooltipV2/Tooltip.features.stories.module.css b/packages/react/src/TooltipV2/Tooltip.features.stories.module.css
index 11886484e18..8c35cfc28ca 100644
--- a/packages/react/src/TooltipV2/Tooltip.features.stories.module.css
+++ b/packages/react/src/TooltipV2/Tooltip.features.stories.module.css
@@ -18,11 +18,13 @@
 .AllDirectionsRow {
   padding: var(--base-size-32);
   display: flex;
+  flex-wrap: wrap;
   gap: var(--base-size-8);
 }
 
 .ActionMenuRow {
   display: flex;
+  flex-wrap: wrap;
   padding: var(--base-size-32);
   gap: var(--base-size-8);
 }