Removed irrelevant span wrapper in category-element

Author: mariksav

src/button-dropdown/category-elements/category-element.tsx

@@ -32,14 +32,12 @@ const CategoryElement = ({
     >
       {item.text && (
         <p className={clsx(styles.header, { [styles.disabled]: disabled })} aria-hidden="true">
-          <span style={{ display: 'flex', alignItems: 'center' }}>
-            {(item.iconName || item.iconUrl || item.iconSvg) && (
-              <span className={styles['icon-wrapper']}>
-                <InternalIcon name={item.iconName} url={item.iconUrl} svg={item.iconSvg} alt={item.iconAlt} />
-              </span>
-            )}
-            {item.text}
-          </span>
+          {(item.iconName || item.iconUrl || item.iconSvg) && (
+            <span className={styles['icon-wrapper']}>
+              <InternalIcon name={item.iconName} url={item.iconUrl} svg={item.iconSvg} alt={item.iconAlt} />
+            </span>
+          )}
+          {item.text}
         </p>
       )}
       <ul className={styles['items-list-container']} role="group" aria-label={item.text} aria-disabled={disabled}>