diff --git a/src/components/Dashboard/common/CountryDisplay.jsx b/src/components/Dashboard/common/CountryDisplay.jsx
index 5087781..a8449a7 100644
--- a/src/components/Dashboard/common/CountryDisplay.jsx
+++ b/src/components/Dashboard/common/CountryDisplay.jsx
@@ -13,14 +13,19 @@ const CountryDisplay = ({ countryCode }) => {
   }
 
   return (
-    <Flex gap={'small'} align='center' className='country-display'>
+    <Flex
+      gap={'small'}
+      align='center'
+      className='country-display'
+      style={{ minWidth: 0 }}
+    >
       <Flag
         code={country.code}
         size='middle'
         hasBorder={true}
         borderRadius={5}
       />
-      <div>
+      <div style={{ minWidth: 0 }}>
         <Text ellipsis>{country.name}</Text>
       </div>
     </Flex>