Helper and Dialog tweaks

ensdomains · Oct 11, 2022 · b15a967 · b15a967
1 parent 030cc25
commit b15a967
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/src/components/molecules/Helper/Helper.tsx b/components/src/components/molecules/Helper/Helper.tsx
@@ -27,6 +27,7 @@ const Container = styled.div<{ $type: HelperType; $alignment: Alignment }>(
     border-radius: ${theme.radii.large};
 
     text-align: center;
+    overflow-x: auto;
 
     ${$alignment === 'horizontal' &&
     css`

diff --git a/components/src/components/organisms/Dialog/Dialog.tsx b/components/src/components/organisms/Dialog/Dialog.tsx
@@ -35,6 +35,9 @@ const StyledCard = styled.div(
     ${mq.sm.min(css`
       width: initial;
     `)}
+    ${mq.md.min(css`
+      max-width: 80vw;
+    `)}
   `,
 )