From 620d6209aa30f7bb0f0e1f2f01f14c1f85503395 Mon Sep 17 00:00:00 2001
From: Meis <meissadia@gmail.com>
Date: Tue, 20 Feb 2024 15:18:16 -0700
Subject: [PATCH] fix: [Icon] Restrict wrapper height to match icon height

---
 src/components/Icon/Icon.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index 5384a6a4..c9b334ed 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -92,8 +92,9 @@ export const Icon = ({
   const iconHtml = `${icon}`.replace('<svg', `<svg ${iconAttributes} `);
 
   return (
-    <span
+    <div
       className='cf-icon-svg-wrapper'
+      style={{ display: 'inline-block', height: '1.1875em' }}
       dangerouslySetInnerHTML={{ __html: iconHtml }}
       {...others}
     />