diff --git a/web/src/components/config-form/ConfigFieldMessage.tsx b/web/src/components/config-form/ConfigFieldMessage.tsx
index 5c0a5c5056..545d50ba7c 100644
--- a/web/src/components/config-form/ConfigFieldMessage.tsx
+++ b/web/src/components/config-form/ConfigFieldMessage.tsx
@@ -15,13 +15,13 @@ const severityVariantMap: Record<
 function SeverityIcon({ severity }: { severity: string }) {
   switch (severity) {
     case "info":
-      return <LuInfo className="size-4" />;
+      return <LuInfo className="size-4 shrink-0" />;
     case "warning":
-      return <LuTriangleAlert className="size-4" />;
+      return <LuTriangleAlert className="size-4 shrink-0" />;
     case "error":
-      return <LuCircleAlert className="size-4" />;
+      return <LuCircleAlert className="size-4 shrink-0" />;
     default:
-      return <LuInfo className="size-4" />;
+      return <LuInfo className="size-4 shrink-0" />;
   }
 }
 
diff --git a/web/src/components/config-form/ConfigMessageBanner.tsx b/web/src/components/config-form/ConfigMessageBanner.tsx
index 919d337c15..8e701947a0 100644
--- a/web/src/components/config-form/ConfigMessageBanner.tsx
+++ b/web/src/components/config-form/ConfigMessageBanner.tsx
@@ -18,11 +18,11 @@ const severityVariantMap: Record<
 function SeverityIcon({ severity }: { severity: MessageSeverity }) {
   switch (severity) {
     case "info":
-      return <LuInfo className="size-4" />;
+      return <LuInfo className="size-4 shrink-0" />;
     case "warning":
-      return <LuTriangleAlert className="size-4" />;
+      return <LuTriangleAlert className="size-4 shrink-0" />;
     case "error":
-      return <LuCircleAlert className="size-4" />;
+      return <LuCircleAlert className="size-4 shrink-0" />;
   }
 }