Text wrap input field error (#547)

cartridge-gg · Aug 7, 2024 · 27751cc · 27751cc
1 parent bcc6b17
commit 27751cc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/examples/starknet-react-next/src/app/token/page.tsx b/examples/starknet-react-next/src/app/token/page.tsx
@@ -1,4 +1,4 @@
-'use client'
+"use client";
 
 import {
   useAccount,

diff --git a/packages/ui/src/components/Field.tsx b/packages/ui/src/components/Field.tsx
@@ -80,7 +80,12 @@ export const Field = forwardRef(
           {error && (
             <HStack marginY={3}>
               <AlertIcon fontSize="xl" color="text.error" />
-              <Text color="text.error" fontSize="sm">
+              <Text
+                color="text.error"
+                fontSize="sm"
+                w="full"
+                overflowWrap="anywhere"
+              >
                 {error}
               </Text>
             </HStack>