From 5153350fbe43e146d0b2e7c8bbab7c0639cf61e3 Mon Sep 17 00:00:00 2001
From: hatsu <hajiwata0308@gmail.com>
Date: Sun, 20 Feb 2022 08:21:21 +0900
Subject: [PATCH] fix(Carbon.js): Responsive design at the largest font size
 (#1337)

The code should not overflow on mobile when using the largest font size.
---
 components/Carbon.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/Carbon.js b/components/Carbon.js
index 8013bd8..dbf1ae9 100644
--- a/components/Carbon.js
+++ b/components/Carbon.js
@@ -355,6 +355,9 @@ class Carbon extends React.PureComponent {
               .container :global([contenteditable='true']) {
                 user-select: text;
               }
+              .container {
+                max-width: 480px;
+              }
             }
 
             .section,
@@ -365,6 +368,7 @@ class Carbon extends React.PureComponent {
               justify-content: center;
               align-items: center;
               overflow: hidden;
+              max-width: 100%;
             }
           `}
         </style>