feat: use span to properly truncate text inside button

src/components/organisms/BrowserWindow.tsx

@@ -250,12 +250,21 @@ export const BrowserWindow = () => {
                             key={option.value}
                             onClick={() => handleAttributeSelection(option.value)}
                             style={{
-                                            justifyContent: 'flex-start', whiteSpace: 'nowrap',
+                                justifyContent: 'flex-start',
+                                maxWidth: '200px',  
                                 overflow: 'hidden',
-                                            textOverflow: 'ellipsis'
+                                padding: '5px 10px',
                             }}
                         >
+                            <span style={{
+                                display: 'block',
+                                whiteSpace: 'nowrap',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                maxWidth: '100%'  
+                            }}>
                                 {option.label}
+                            </span>
                         </Button>
                     ))}
                 </div>
@@ -264,6 +273,7 @@ export const BrowserWindow = () => {
     ) : null
 }
 
+
             {((getText === true || getList === true) && !showAttributeModal && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?
                 <Highlighter
                     unmodifiedRect={highlighterData?.rect}