chore: address review comments

Author: adithyaakrishna

apps/sim/components/emcn/components/button/button.tsx

@@ -24,7 +24,7 @@ const buttonVariants = cva(
         ghost: 'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)]',
         subtle:
           'text-[var(--text-body)] hover-hover:text-[var(--text-body)] hover-hover:bg-[var(--surface-4)]',
-        'ghost-secondary': 'text-[var(--text-muted)]',
+        'ghost-secondary': 'text-[var(--text-muted)] hover-hover:text-[var(--text-primary)]',
         /** Branded button - requires branded-button-gradient or branded-button-custom class for colors */
         branded:
           'rounded-[10px] border text-white hover-hover:text-white text-base transition-[transform,background-color,color,border-color] duration-200',

apps/sim/components/emcn/components/popover/popover.tsx

@@ -616,7 +616,16 @@ const PopoverContent = React.forwardRef<
           ...style,
         }}
       >
-        {children}
+        {showArrow ? (
+          <div
+            className='overflow-auto flex-1 flex flex-col'
+            style={{ maxHeight: `${maxHeight || 400}px` }}
+          >
+            {children}
+          </div>
+        ) : (
+          children
+        )}
         {showArrow && (
           <PopoverPrimitive.Arrow width={14} height={7} asChild>
             <svg
@@ -1189,4 +1198,4 @@ export {
   usePopoverContext,
 }
 
-export type { PopoverSize, PopoverColorScheme }
+export type { PopoverSize, PopoverColorScheme }