fix(Shield): fix shield spacing without QuestionIcon

RedHatInsights · Feb 19, 2025 · d04296a · d04296a
1 parent f544ca8
commit d04296a
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/packages/components/src/Shield/Shield.tsx b/packages/components/src/Shield/Shield.tsx
@@ -29,11 +29,18 @@ const Shield: React.FunctionComponent<ShieldProps> = ({
     color: attributes.color,
   };
 
-  const badge = (
-    <Icon size={size}>
-      {attributes.title === 'Unknown' ? disableQuestionIcon ? null : <QuestionIcon {...badgeProps} /> : <SecurityIcon {...badgeProps} />}
-    </Icon>
-  );
+  const badge =
+    attributes.title === 'Unknown' ? (
+      disableQuestionIcon ? null : (
+        <Icon size={size}>
+          <QuestionIcon {...badgeProps} />
+        </Icon>
+      )
+    ) : (
+      <Icon size={size}>
+        <SecurityIcon {...badgeProps} />
+      </Icon>
+    );
 
   const body = (
     <span>