From b15a9670c840f1881e4c35d8360dca3c9c641a6c Mon Sep 17 00:00:00 2001
From: Leon Talbert <leon.talbert@gmail.com>
Date: Tue, 11 Oct 2022 18:53:29 +0800
Subject: [PATCH] Helper and Dialog tweaks

---
 components/src/components/molecules/Helper/Helper.tsx | 1 +
 components/src/components/organisms/Dialog/Dialog.tsx | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/components/src/components/molecules/Helper/Helper.tsx b/components/src/components/molecules/Helper/Helper.tsx
index 80ce927e..dca93d7b 100644
--- 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
index 2d4d2ded..02bd4677 100644
--- 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;
+    `)}
   `,
 )