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={