From 5cf4976635a4b3a2e9b34f4cdb010ebc25418264 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Fri, 5 Sep 2025 23:18:45 +0100
Subject: [PATCH] Update IdDisplay component to enhance styling with minWidth
 and width properties for better layout control

---
 src/components/Dashboard/common/IdDisplay.jsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/common/IdDisplay.jsx b/src/components/Dashboard/common/IdDisplay.jsx
index c67b9b0..ed19950 100644
--- a/src/components/Dashboard/common/IdDisplay.jsx
+++ b/src/components/Dashboard/common/IdDisplay.jsx
@@ -45,10 +45,18 @@ const IdDisplay = ({
   }
 
   return (
-    <Flex align={'end'} className='iddisplay'>
+    <Flex
+      align={'end'}
+      className='iddisplay'
+      style={{ minWidth: '0px', width: '100%' }}
+    >
       {(() => {
         const textElement = (
-          <Text code ellipsis style={showCopy ? { marginRight: 6 } : undefined}>
+          <Text
+            code
+            ellipsis
+            style={showCopy ? { marginRight: 6, minWidth: '0px' } : undefined}
+          >
             {displayId}
           </Text>
         )