From 008460d899a633efdddab65872e82d5b8cb59fb5 Mon Sep 17 00:00:00 2001
From: Adam Shiervani <adam.shiervani@gmail.com>
Date: Tue, 14 Oct 2025 16:51:47 +0200
Subject: [PATCH] fix: improve layout of critical changes display in network
 settings

---
 ui/src/routes/devices.$id.settings.network.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/routes/devices.$id.settings.network.tsx b/ui/src/routes/devices.$id.settings.network.tsx
index 799fb6d2..204f2fd4 100644
--- a/ui/src/routes/devices.$id.settings.network.tsx
+++ b/ui/src/routes/devices.$id.settings.network.tsx
@@ -541,7 +541,7 @@ export default function SettingsNetworkRoute() {
               </div>
               <div className="space-y-2.5">
                 {criticalChanges.map((c, idx) => (
-                  <div key={idx + c.label} className="flex gap-x-2 flex-wrap space-y-1.5 bg-slate-100/50 dark:bg-slate-800/50 border border-slate-800/10 dark:border-slate-300/20 rounded-md py-2 px-3">
+                  <div key={idx + c.label} className="flex items-center gap-x-2 flex-wrap space-y-1.5 bg-slate-100/50 dark:bg-slate-800/50 border border-slate-800/10 dark:border-slate-300/20 rounded-md py-2 px-3">
                     <div className="text-xs text-slate-600 dark:text-slate-400">
                       <span>{c.label}</span>
                     </div>