From e8fbbe5a1cc66b0d1c4e4e4628337a977c1fad30 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Tue, 6 Jan 2026 22:04:54 +0100
Subject: [PATCH] skip blured paper component when in systemMonitor

---
 interface/src/app/main/Customizations.tsx              | 6 ++++--
 interface/src/app/settings/ApplicationSettings.tsx     | 6 ++++--
 interface/src/app/settings/Settings.tsx                | 2 +-
 interface/src/app/settings/network/NetworkSettings.tsx | 6 ++++--
 interface/src/app/status/Status.tsx                    | 2 +-
 interface/src/app/status/SystemMonitor.tsx             | 4 ++--
 interface/src/app/status/Version.tsx                   | 2 +-
 7 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/interface/src/app/main/Customizations.tsx b/interface/src/app/main/Customizations.tsx
index a387774cc..21711380e 100644
--- a/interface/src/app/main/Customizations.tsx
+++ b/interface/src/app/main/Customizations.tsx
@@ -788,10 +788,12 @@ const Customizations = () => {
     </>
   );
 
-  return (
+  return restarting ? (
+    <SystemMonitor />
+  ) : (
     <SectionContent>
       {blocker ? <BlockNavigation blocker={blocker} /> : null}
-      {restarting ? <SystemMonitor /> : renderContent()}
+      {renderContent()}
       {selectedDeviceEntity && (
         <SettingsCustomizationsDialog
           open={dialogOpen}
diff --git a/interface/src/app/settings/ApplicationSettings.tsx b/interface/src/app/settings/ApplicationSettings.tsx
index 826af46ea..ad73253f2 100644
--- a/interface/src/app/settings/ApplicationSettings.tsx
+++ b/interface/src/app/settings/ApplicationSettings.tsx
@@ -896,10 +896,12 @@ const ApplicationSettings = () => {
     );
   };
 
-  return (
+  return restarting ? (
+    <SystemMonitor />
+  ) : (
     <SectionContent>
       {blocker ? <BlockNavigation blocker={blocker} /> : null}
-      {restarting ? <SystemMonitor /> : content()}
+      {content()}
     </SectionContent>
   );
 };
diff --git a/interface/src/app/settings/Settings.tsx b/interface/src/app/settings/Settings.tsx
index 608c37ee9..a8130bb24 100644
--- a/interface/src/app/settings/Settings.tsx
+++ b/interface/src/app/settings/Settings.tsx
@@ -182,7 +182,7 @@ const Settings = () => {
     restarting
   ]);
 
-  return <SectionContent>{restarting ? <SystemMonitor /> : content}</SectionContent>;
+  return restarting ? <SystemMonitor /> : <SectionContent>{content}</SectionContent>;
 };
 
 export default Settings;
diff --git a/interface/src/app/settings/network/NetworkSettings.tsx b/interface/src/app/settings/network/NetworkSettings.tsx
index 5f525a992..92651c654 100644
--- a/interface/src/app/settings/network/NetworkSettings.tsx
+++ b/interface/src/app/settings/network/NetworkSettings.tsx
@@ -397,10 +397,12 @@ const NetworkSettings = () => {
     );
   };
 
-  return (
+  return restarting ? (
+    <SystemMonitor />
+  ) : (
     <SectionContent>
       {blocker ? <BlockNavigation blocker={blocker} /> : null}
-      {restarting ? <SystemMonitor /> : content()}
+      {content()}
     </SectionContent>
   );
 };
diff --git a/interface/src/app/status/Status.tsx b/interface/src/app/status/Status.tsx
index be5427785..1d87a5d4d 100644
--- a/interface/src/app/status/Status.tsx
+++ b/interface/src/app/status/Status.tsx
@@ -443,7 +443,7 @@ const SystemStatus = () => {
     renderRestartDialog
   ]);
 
-  return <SectionContent>{restarting ? <SystemMonitor /> : content}</SectionContent>;
+  return restarting ? <SystemMonitor /> : <SectionContent>{content}</SectionContent>;
 };
 
 export default SystemStatus;
diff --git a/interface/src/app/status/SystemMonitor.tsx b/interface/src/app/status/SystemMonitor.tsx
index 492049074..7e7c289af 100644
--- a/interface/src/app/status/SystemMonitor.tsx
+++ b/interface/src/app/status/SystemMonitor.tsx
@@ -103,8 +103,8 @@ const SystemMonitor = () => {
         height: '100vh',
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'center',
-        backdropFilter: 'blur(8px)'
+        justifyContent: 'center'
+        // backdropFilter: 'blur(8px)'
       }}
     >
       <Box
diff --git a/interface/src/app/status/Version.tsx b/interface/src/app/status/Version.tsx
index 17a452f4a..9ed9f0365 100644
--- a/interface/src/app/status/Version.tsx
+++ b/interface/src/app/status/Version.tsx
@@ -868,7 +868,7 @@ const Version = () => {
     installPartitionFirmware
   ]);
 
-  return <SectionContent>{restarting ? <SystemMonitor /> : content}</SectionContent>;
+  return restarting ? <SystemMonitor /> : <SectionContent>{content}</SectionContent>;
 };
 
 export default memo(Version);