diff --git a/.ladle/config.mjs b/.ladle/config.mjs
index f336e4ec3..23b0c89e3 100644
--- a/.ladle/config.mjs
+++ b/.ladle/config.mjs
@@ -3,4 +3,13 @@ export default {
   outDir: 'docs',
   mode: 'preview',
   viteConfig: '.ladle/vite.config.ts',
+  addons: {
+    width: {
+      options: {
+        narrow: 320,
+        medium: 720,
+        large: 1200
+      },
+    }
+  }
 };
diff --git a/package-lock.json b/package-lock.json
index 65232a294..0495985a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@openstax/ui-components",
-  "version": "1.24.2",
+  "version": "1.24.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@openstax/ui-components",
-      "version": "1.24.2",
+      "version": "1.24.3",
       "license": "MIT",
       "dependencies": {
         "@sentry/react": "^10.60.0",
@@ -24,7 +24,6 @@
         "@testing-library/react": "^12.0.0",
         "@testing-library/react-hooks": "^8.0.1",
         "@testing-library/user-event": "^14.5.2",
-        "@types/dompurify": "^3.0.0",
         "@types/jest": "^28.1.4",
         "@types/node": "^18.7.5",
         "@types/node-fetch": "^2.6.2",
@@ -5100,17 +5099,6 @@
         "@types/ms": "*"
       }
     },
-    "node_modules/@types/dompurify": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.2.0.tgz",
-      "integrity": "sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==",
-      "deprecated": "This is a stub types definition. dompurify provides its own type definitions, so you do not need this installed.",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "dompurify": "*"
-      }
-    },
     "node_modules/@types/estree": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
diff --git a/package.json b/package.json
index 340c29c83..c5434ca76 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@openstax/ui-components",
-  "version": "1.24.2",
+  "version": "1.24.3",
   "license": "MIT",
   "repository": "https://github.com/openstax/ui-components.git",
   "publishConfig": {
@@ -69,7 +69,6 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/dompurify": "^3.0.0",
     "@types/jest": "^28.1.4",
     "@types/node": "^18.7.5",
     "@types/node-fetch": "^2.6.2",
diff --git a/src/components/Button.css b/src/components/Button.css
index 3521a9cfe..495568f95 100644
--- a/src/components/Button.css
+++ b/src/components/Button.css
@@ -8,7 +8,7 @@
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  height: 4rem;
+  min-height: 4rem;
   padding: 0 3rem;
   border: 0;
   border-radius: 0.5rem;
@@ -16,7 +16,7 @@
   transition: all 0.2s ease-in-out;
   text-decoration: none;
   user-select: none;
-  white-space: nowrap;
+  overflow-wrap: anywhere;
 
   /* Variant-specific styles using CSS custom properties with fallback defaults (primary variant) */
   background-color: var(--button-bg, #d4450c);
diff --git a/src/components/Button.stories.tsx b/src/components/Button.stories.tsx
index b632304b2..15aad3af0 100644
--- a/src/components/Button.stories.tsx
+++ b/src/components/Button.stories.tsx
@@ -1,10 +1,23 @@
-import { Button, LinkButton, ButtonLink } from "./Button";
+import React from 'react';
+import { Button, LinkButton, ButtonLink } from './Button';
+import { Input } from 'react-aria-components';
 
-export const Primary = () => <>
-  <Button>Primary</Button>
-  <Button disabled>Disabled</Button>
-  <Button isWaiting={true} waitingText='Waiting...'>Button</Button>
-</>;
+export const Primary = () => {
+  const [state, setState] = React.useState('Primary');
+
+  return (
+    <>
+      <Input aria-label="Button text" value={state} onChange={e => setState(e.target.value)} />
+      <br />
+      <br />
+      <Button>{state}</Button>
+      <Button disabled>Disabled</Button>
+      <Button isWaiting={true} waitingText="Waiting...">
+        Button
+      </Button>
+    </>
+  );
+};
 
 export const Light = () => <>
   <Button variant='light'>Light</Button>