From 5220c2c374f2bca3207b91adc7a306fc06bd2542 Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Sun, 9 Aug 2026 16:31:50 +0200
Subject: [PATCH] fix(settings): prevent loader overflow

---
 .../features/app-settings/panel-utils/PanelUtils.module.scss   | 3 +--
 .../app-settings/panel/settings-panel/ServerPortSettings.tsx   | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss b/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss
index b8fc16349..eae858319 100644
--- a/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss
+++ b/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss
@@ -200,8 +200,7 @@ $card-padding: 2rem;
 .overlay {
   position: absolute;
   z-index: $zindex-backdrop;
-  width: 100%;
-  height: 100%;
+  inset: 0;
   backdrop-filter: blur(2px);
   display: grid;
   place-content: center;
diff --git a/apps/client/src/features/app-settings/panel/settings-panel/ServerPortSettings.tsx b/apps/client/src/features/app-settings/panel/settings-panel/ServerPortSettings.tsx
index 061e8a303..382e4a7dc 100644
--- a/apps/client/src/features/app-settings/panel/settings-panel/ServerPortSettings.tsx
+++ b/apps/client/src/features/app-settings/panel/settings-panel/ServerPortSettings.tsx
@@ -85,10 +85,10 @@ export default function ServerPortSettings() {
             </Button>
           </Panel.InlineElements>
         </Panel.SubHeader>
-        <Panel.Loader isLoading={status === 'pending'} />
         {rootError && <Panel.Error>{rootError}</Panel.Error>}
         <Panel.Divider />
         <Panel.Section>
+          <Panel.Loader isLoading={status === 'pending'} />
           {data.pendingRestart && (
             <Info type='warning'>A port change is pending and will happen on the next restart.</Info>
           )}