Merge pull request #2171 from xmicha82/shield-spacing

fix(Shield): fix Shield spacing without QuestionIcon
RedHatInsights · Feb 19, 2025 · a625dec · a625dec
2 parents f544ca8 + d04296a
commit a625dec
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>