From b1da877dc78df56dc3c5c3bdbe006807fba32e0c Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Sat, 21 Mar 2026 21:03:18 +0100
Subject: [PATCH] refactor: consistent style for warning

---
 .../panel/settings-panel/ServerPortSettings.tsx             | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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 a2cd068a0..061e8a303 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
@@ -3,8 +3,8 @@ import { useForm } from 'react-hook-form';
 
 import { maybeAxiosError } from '../../../../common/api/utils';
 import Button from '../../../../common/components/buttons/Button';
+import Info from '../../../../common/components/info/Info';
 import Input from '../../../../common/components/input/input/Input';
-import Tag from '../../../../common/components/tag/Tag';
 import useServerPort from '../../../../common/hooks-query/useServerPort';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import { isOnlyNumbers } from '../../../../common/utils/regex';
@@ -70,7 +70,6 @@ export default function ServerPortSettings() {
         <Panel.SubHeader>
           Server port
           <Panel.InlineElements>
-            {data.pendingRestart && <Tag>A port change is pending and will happen on the next restart</Tag>}
             <Button disabled={!isDirty || isSubmitting} variant='ghosted' onClick={onReset}>
               Revert to saved
             </Button>
@@ -90,6 +89,9 @@ export default function ServerPortSettings() {
         {rootError && <Panel.Error>{rootError}</Panel.Error>}
         <Panel.Divider />
         <Panel.Section>
+          {data.pendingRestart && (
+            <Info type='warning'>A port change is pending and will happen on the next restart.</Info>
+          )}
           <Panel.ListGroup>
             <Panel.ListItem>
               <Panel.Field