From 7424f287d4013aa01785b917eabc6d6ebcd27da5 Mon Sep 17 00:00:00 2001
From: thediveo <thediveo@gmx.eu>
Date: Wed, 24 Jul 2024 14:04:58 +0200
Subject: [PATCH] fix: nif modal close button position

Signed-off-by: thediveo <thediveo@gmx.eu>
---
 webui/src/components/nifinfomodal/NifInfoModal.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/nifinfomodal/NifInfoModal.tsx b/webui/src/components/nifinfomodal/NifInfoModal.tsx
index 8f844e8..6c2d76c 100644
--- 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">