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}
     />