Style fix

src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx

@@ -96,16 +96,25 @@ export function ThemeEditor({
 					})
 				}
 			>
-				<Group h={'100%'} w={'100%'} justify='space-between'>
+				<Group
+					h={'100%'}
+					w={'100%'}
+					justify='space-between'
+					style={{ textOverflow: 'hidden', whiteSpace: 'nowrap' }}
+				>
 					<Text
 						style={{
 							width: 'min-content',
+							maxWidth: '170px',
 							backdropFilter: 'blur(5px) brightness(.25)',
 							padding: '.5rem',
 							borderBottomRightRadius: 4,
 							marginTop: '-2.15rem',
 							marginLeft: '-.5rem',
 							color: 'white',
+							overflow: 'hidden',
+							textOverflow: 'ellipsis',
+							whiteSpace: 'nowrap',
 						}}
 					>
 						{item.replace(/\.[^/.]+$/, '')}