diff --git a/ui/components/app/snaps/snap-ui-renderer/components/box.ts b/ui/components/app/snaps/snap-ui-renderer/components/box.ts
index fccf81729285..bf84cf0d6190 100644
--- a/ui/components/app/snaps/snap-ui-renderer/components/box.ts
+++ b/ui/components/app/snaps/snap-ui-renderer/components/box.ts
@@ -5,6 +5,7 @@ import {
   AlignItems,
   Display,
   FlexDirection,
+  FlexWrap,
   JustifyContent,
   TextColor,
 } from '../../../../../helpers/constants/design-system';
@@ -49,5 +50,6 @@ export const box: UIComponentFactory<BoxElement> = ({
     alignItems: element.props.center && AlignItems.center,
     className: 'snap-ui-renderer__panel',
     color: TextColor.textDefault,
+    flexWrap: FlexWrap.Wrap, // ensures components can wrap horizontally
   },
 });
diff --git a/ui/components/app/snaps/snap-ui-renderer/components/text.ts b/ui/components/app/snaps/snap-ui-renderer/components/text.ts
index 6b68227f6bd5..60a0a37bfbbc 100644
--- a/ui/components/app/snaps/snap-ui-renderer/components/text.ts
+++ b/ui/components/app/snaps/snap-ui-renderer/components/text.ts
@@ -59,6 +59,9 @@ export const text: UIComponentFactory<TextElement> = ({
       color: getTextColor(element.props.color),
       className: 'snap-ui-renderer__text',
       textAlign: element.props.alignment,
+      style: {
+        flex: 1, // Ensure text can grow to fill the container
+      },
     },
   };
 };
diff --git a/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap b/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap
index 94b7ffe2325c..60bb5d7caa00 100644
--- a/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap
+++ b/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap
@@ -47,6 +47,7 @@ exports[`SnapsSection renders section for typed sign request 1`] = `
           >
             <p
               class="mm-box mm-text snap-ui-renderer__text mm-text--body-md mm-text--font-weight-normal mm-text--overflow-wrap-break-word mm-box--color-inherit"
+              style="flex: 1;"
             >
               Hello world again!
             </p>
@@ -105,6 +106,7 @@ exports[`SnapsSection renders section personal sign request 1`] = `
           >
             <p
               class="mm-box mm-text snap-ui-renderer__text mm-text--body-md mm-text--font-weight-normal mm-text--overflow-wrap-break-word mm-box--color-inherit"
+              style="flex: 1;"
             >
               Hello world!
             </p>