diff --git a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
index a68647ed0..747a2ea1d 100644
--- a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
+++ b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
@@ -65,8 +65,10 @@ export class SettingsPrimaryPane extends Component<ISettingsPrimaryPaneProps, {
           {createIcon(settings.componentMeta?.icon, {
             className: 'lc-settings-navigator-icon',
           })}
-          <Title title={settings.componentMeta!.title} />
-          <span> x {settings.nodes.length}</span>
+          <div style={{ marginLeft: '5px' }}>
+            <Title title={settings.componentMeta!.title} />
+            <span> x {settings.nodes.length}</span>
+          </div>
         </div>
       );
     }
diff --git a/packages/utils/src/create-icon.tsx b/packages/utils/src/create-icon.tsx
index 0a5d6c1ff..621b5c7ab 100644
--- a/packages/utils/src/create-icon.tsx
+++ b/packages/utils/src/create-icon.tsx
@@ -30,7 +30,10 @@ export function createIcon(
     return cloneElement(icon, { ...props });
   }
   if (isReactComponent(icon)) {
-    return createElement(icon, { ...props });
+    return createElement(icon, {
+      class: props?.className,
+      ...props,
+    });
   }
 
   return <Icon {...icon} {...props} />;