From 93362ee579e26d537187ae879dfeabc7ee3bc143 Mon Sep 17 00:00:00 2001
From: 21120447 <haonhat2729@gmail.com>
Date: Mon, 28 Oct 2024 12:59:14 +0700
Subject: [PATCH] :recycle: refactor: full width

---
 src/components/word-result/WordResult.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/word-result/WordResult.tsx b/src/components/word-result/WordResult.tsx
index 1ed6795..671075c 100644
--- a/src/components/word-result/WordResult.tsx
+++ b/src/components/word-result/WordResult.tsx
@@ -35,15 +35,15 @@ const WordResult = ({ wordFound, wordNotFound }: Props) => {
             <VStack key={index} gap={"32px"} alignItems="flex-start" marginTop={"20px"} w={"full"}>
               {wordFound.meanings.map((meaning, index) => (
                 <VStack key={`meaning${index}`} gap={"16px"} alignItems="flex-start" w={"full"}>
-                  <Heading size="lg" color={"blue.900"} flexWrap={"nowrap"}>
+                  <Heading size="lg" color={"blue.900"} flexWrap={"nowrap"} className="text-nowrap" w={"full"}>
                     {meaning.partOfSpeech}
                   </Heading>
                   {meaning.definitions.map((definition, index) => (
-                    <Box key={`definition${index}`} gap={"16px"}>
-                      <Text>{definition.definition}</Text>
+                    <Box key={`definition${index}`} gap={"16px"} w={"full"}>
+                      <Text w={"full"}>{definition.definition}</Text>
                       {definition.example && (
                         <HStack alignItems={"flex-start"}>
-                          <Text fontWeight="bold" color="blue.900" flexWrap={"nowrap"}>
+                          <Text fontWeight="bold" color="blue.900" flexWrap={"nowrap"} className="text-nowrap">
                             Example:
                           </Text>
                           <Text>{definition.example}</Text>