From 4427aaa31fe9cf127b04a9aa062091e892d37f34 Mon Sep 17 00:00:00 2001
From: Eduard Gert <kontakt@eduardgert.de>
Date: Fri, 5 Jun 2026 12:29:18 +0200
Subject: [PATCH] update advanced port margin, update settings bottom bar
 height

---
 client/ui/frontend/src/modules/settings/SettingsAdvanced.tsx | 2 +-
 client/ui/frontend/src/modules/settings/SettingsSection.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/ui/frontend/src/modules/settings/SettingsAdvanced.tsx b/client/ui/frontend/src/modules/settings/SettingsAdvanced.tsx
index 28efff4bd..51d4d8e71 100644
--- a/client/ui/frontend/src/modules/settings/SettingsAdvanced.tsx
+++ b/client/ui/frontend/src/modules/settings/SettingsAdvanced.tsx
@@ -109,7 +109,7 @@ export function SettingsAdvanced() {
                                 }))
                             }
                         />
-                        <HelpText>{t("settings.advanced.port.help")}</HelpText>
+                        <HelpText className={"mt-1.5"}>{t("settings.advanced.port.help")}</HelpText>
                     </div>
                     <Input
                         label={t("settings.advanced.mtu.label")}
diff --git a/client/ui/frontend/src/modules/settings/SettingsSection.tsx b/client/ui/frontend/src/modules/settings/SettingsSection.tsx
index 8733f31f0..cfaa40246 100644
--- a/client/ui/frontend/src/modules/settings/SettingsSection.tsx
+++ b/client/ui/frontend/src/modules/settings/SettingsSection.tsx
@@ -24,7 +24,7 @@ export const SectionGroup = ({
 // scrollable content above doesn't end up hidden behind the bar.
 export const SettingsBottomBar = ({ children }: { children: ReactNode }) => (
     <>
-        <div className={"h-[4.1rem] shrink-0"} aria-hidden />
+        <div className={"h-[4rem] shrink-0"} aria-hidden />
         <div className={"absolute bottom-0 left-0 w-full"}>
             <div
                 className={