fix: nif modal close button position

Signed-off-by: thediveo <[email protected]>
siemens · Jul 24, 2024 · 7424f28 · 7424f28
1 parent ca8b751
commit 7424f28
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/webui/src/components/nifinfomodal/NifInfoModal.tsx b/webui/src/components/nifinfomodal/NifInfoModal.tsx
@@ -11,11 +11,11 @@ import LanIcon from '@mui/icons-material/Lan'
 import { ContentCopy } from '@mui/icons-material'
 import CloseIcon from '@mui/icons-material/Close'
 
-const NifDialogTitle = styled(DialogTitle)(() => ({
-    '& .MuiSvgIcon-root': {
+const NifDialogTitle = styled(DialogTitle)(({theme}) => ({
+    '& .close': {
         position: 'relative',
-        verticalAlign: 'baseline',
-        top: '0.3ex',
+        right: theme.spacing(-1),
+        top: theme.spacing(-0.25),
     },
 }))
 
@@ -118,6 +118,7 @@ export const NifInfoModalProvider = ({ children }: NifInfoModalProviderProps) =>
                 <NifDialogTitle>
                     <LanIcon fontSize="inherit" />&nbsp;Network Interface Information
                     <CloseButton
+                        className="close"
                         aria-label="close"
                         onClick={handleClose}
                         size="large">