[FLASK] Fix overflow on snaps connect screen (#19995)

MetaMask · Jul 13, 2023 · 30a77d0 · 30a77d0
1 parent b5ece42
commit 30a77d0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/ui/pages/permissions-connect/snaps/snaps-connect/index.scss b/ui/pages/permissions-connect/snaps/snaps-connect/index.scss
@@ -1,6 +1,10 @@
 .snaps-connect {
   overflow-y: hidden;
 
+  &__header {
+    width: 100%;
+  }
+
   .page-container__footer {
     border-top: 0;
     margin-top: auto;

diff --git a/ui/pages/permissions-connect/snaps/snaps-connect/snaps-connect.js b/ui/pages/permissions-connect/snaps/snaps-connect/snaps-connect.js
@@ -18,6 +18,7 @@ import {
   Display,
   FontWeight,
   BlockSize,
+  OverflowWrap,
 } from '../../../../helpers/constants/design-system';
 import { PageContainerFooter } from '../../../../components/ui/page-container';
 import SnapConnectCell from '../../../../components/app/snaps/snap-connect-cell/snap-connect-cell';
@@ -164,6 +165,7 @@ export default function SnapsConnect({
             variant={TextVariant.bodyMd}
             textAlign={TextAlign.Center}
             padding={[0, 4]}
+            overflowWrap={OverflowWrap.Anywhere}
           >
             {t('snapConnectionWarning', [
               <Text