diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 38c9f020d..bd483f78c 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -267,8 +267,8 @@ export default function ExtraSidebar(): JSX.Element {
               <>
                 {index === 0 && (
                   <div className="pt-0.5">
-                    <div className="p-2 px-4 font-semibold" key={index}>
-                      Native
+                    <div className="p-2 px-4 font-semibold text-sm" key={index}>
+                      Native Components
                     </div>
                   </div>
                 )}
@@ -283,7 +283,7 @@ export default function ExtraSidebar(): JSX.Element {
                         {/* BUG ON THIS ICON */}
                         <SparklesIcon
                           strokeWidth={1.5}
-                          className="text-primary"
+                          className="text-primary w-[22px]"
                         />
 
                         <span className="components-disclosure-title">
@@ -296,8 +296,8 @@ export default function ExtraSidebar(): JSX.Element {
                         </div>
                       </div>
                     </a>
-                    <div className="p-2 px-4 font-semibold" key={index}>
-                      Legacy
+                    <div className="p-2 px-4 font-semibold text-sm" key={index}>
+                      Legacy Components
                     </div>
                   </>
                 )}
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 356544b4f..4bb0dd1c4 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -69,7 +69,7 @@
     @apply flex h-full w-[14.5rem] flex-col overflow-hidden border-r scrollbar-hide;
   }
   .side-bar-search-div-placement {
-    @apply relative mx-auto flex items-center py-5;
+    @apply relative mx-auto flex items-center py-3;
   }
   .side-bar-components-icon {
     @apply h-6 w-4 text-ring;