diff --git a/apps/docs/components/docs-layout/sidebar-components.tsx b/apps/docs/components/docs-layout/sidebar-components.tsx
index cb7cb3e8dda..54d0af214f3 100644
--- a/apps/docs/components/docs-layout/sidebar-components.tsx
+++ b/apps/docs/components/docs-layout/sidebar-components.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { type ReactNode, useState } from 'react'
+import { ChevronRight } from '@sim/emcn/icons'
 import type { Folder, Item, Separator } from 'fumadocs-core/page-tree'
 import { useSidebar } from 'fumadocs-ui/components/sidebar/base'
 import Link from 'next/link'
@@ -10,25 +11,13 @@ import { cn } from '@/lib/utils'
 
 function SidebarChevron({ open, className }: { open: boolean; className?: string }) {
   return (
-    <svg
-      width='5'
-      height='8'
-      viewBox='0 0 6 10'
-      fill='none'
+    <ChevronRight
       className={cn(
-        'flex-shrink-0 transition-transform duration-200',
+        'size-[14px] flex-shrink-0 transition-transform duration-200',
         open && 'rotate-90',
         className
       )}
-    >
-      <path
-        d='M1 1L5 5L1 9'
-        stroke='currentColor'
-        strokeWidth='1.33'
-        strokeLinecap='square'
-        strokeLinejoin='miter'
-      />
-    </svg>
+    />
   )
 }
 
diff --git a/apps/docs/components/ui/theme-toggle.tsx b/apps/docs/components/ui/theme-toggle.tsx
index c9943732c44..1e209b7d15d 100644
--- a/apps/docs/components/ui/theme-toggle.tsx
+++ b/apps/docs/components/ui/theme-toggle.tsx
@@ -1,54 +1,8 @@
 'use client'
 
-import type { SVGProps } from 'react'
+import { Moon, Sun } from '@sim/emcn/icons'
 import { useTheme } from 'next-themes'
 
-function SunIcon(props: SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width='16'
-      height='16'
-      viewBox='0 0 24 24'
-      fill='none'
-      stroke='currentColor'
-      strokeWidth='1.5'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      {...props}
-    >
-      <circle cx='12' cy='12' r='4' />
-      <path d='M12 2v2' />
-      <path d='M12 20v2' />
-      <path d='m4.93 4.93 1.41 1.41' />
-      <path d='m17.66 17.66 1.41 1.41' />
-      <path d='M2 12h2' />
-      <path d='M20 12h2' />
-      <path d='m6.34 17.66-1.41 1.41' />
-      <path d='m19.07 4.93-1.41 1.41' />
-    </svg>
-  )
-}
-
-function MoonIcon(props: SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width='16'
-      height='16'
-      viewBox='0 0 24 24'
-      fill='none'
-      stroke='currentColor'
-      strokeWidth='1.5'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      {...props}
-    >
-      <path d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z' />
-    </svg>
-  )
-}
-
 export function ThemeToggle() {
   const { resolvedTheme, setTheme } = useTheme()
 
@@ -59,8 +13,8 @@ export function ThemeToggle() {
       className='flex size-[30px] cursor-pointer items-center justify-center rounded-lg text-[var(--text-icon)] transition-colors hover:bg-[var(--surface-active)]'
       aria-label='Toggle theme'
     >
-      <SunIcon className='block size-[14px] dark:hidden' />
-      <MoonIcon className='hidden size-[14px] dark:block' />
+      <Sun className='block size-[14px] dark:hidden' />
+      <Moon className='hidden size-[14px] dark:block' />
     </button>
   )
 }
diff --git a/apps/docs/components/workflow-preview/output-bundle.tsx b/apps/docs/components/workflow-preview/output-bundle.tsx
index 5224a35f348..dc956e1a84d 100644
--- a/apps/docs/components/workflow-preview/output-bundle.tsx
+++ b/apps/docs/components/workflow-preview/output-bundle.tsx
@@ -71,7 +71,7 @@ function TreeNode({ node, depth = 0 }: { node: OutputNode; depth?: number }) {
         </span>
         <TypeBadge type={type} />
         <ChevronDown
-          className='h-[7px] w-[9px] flex-shrink-0 text-[var(--text-muted)]'
+          className='size-[14px] flex-shrink-0 text-[var(--text-muted)]'
           style={expanded ? undefined : { transform: 'rotate(-90deg)' }}
         />
       </div>
diff --git a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-chat/chat-title-bar.tsx b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-chat/chat-title-bar.tsx
index 24f3390d52a..17dd60f43f6 100644
--- a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-chat/chat-title-bar.tsx
+++ b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-chat/chat-title-bar.tsx
@@ -31,7 +31,7 @@ export function LandingPreviewChatTitleBar({
         </span>
         <span aria-hidden='true' className='w-px self-stretch bg-[var(--surface-2)]' />
         <span className='flex items-center rounded-r-lg px-1 transition-colors hover-hover:bg-[var(--surface-active)]'>
-          <ChevronDown className='h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)]' />
+          <ChevronDown className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
         </span>
       </span>
       {showClose && (
diff --git a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
index d2eabfdd3b7..973c0bc26b4 100644
--- a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
+++ b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
@@ -200,7 +200,7 @@ export const LandingPreviewHome = memo(function LandingPreviewHome({
                         </div>
                         <span className='text-[var(--text-body)] text-sm'>Sim</span>
                         <ChevronDown
-                          className='h-[7px] w-[9px] text-[var(--text-icon)] transition-transform duration-150'
+                          className='size-[14px] text-[var(--text-icon)] transition-transform duration-150'
                           style={{
                             transform: toolsExpanded ? 'rotate(0deg)' : 'rotate(-90deg)',
                           }}
@@ -298,7 +298,7 @@ export const LandingPreviewHome = memo(function LandingPreviewHome({
               <div className='flex items-center justify-between'>
                 <div className='flex items-center gap-2'>
                   <span className='text-[var(--text-muted)] text-small'>Suggested actions</span>
-                  <ChevronDown className='h-[7px] w-[9px] text-[var(--text-muted)]' />
+                  <ChevronDown className='size-[14px] text-[var(--text-muted)]' />
                 </div>
                 <div className='-mr-2 flex items-center gap-1.5 rounded-lg px-2 py-1'>
                   <span className='-mt-px text-[var(--text-muted)] text-small'>Shuffle</span>
@@ -411,7 +411,7 @@ function MiniTablePanel() {
                       <span className='font-medium text-[11px] text-[var(--text-primary)]'>
                         {col.label}
                       </span>
-                      <ChevronDown className='ml-auto h-[6px] w-[8px] text-[var(--text-muted)]' />
+                      <ChevronDown className='ml-auto size-[14px] text-[var(--text-muted)]' />
                     </div>
                   </th>
                 )
diff --git a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar.tsx b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar.tsx
index e46c51a749e..8bc0be0f553 100644
--- a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar.tsx
+++ b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar.tsx
@@ -97,7 +97,7 @@ export function LandingPreviewSidebar({
           <span className='min-w-0 flex-1 truncate text-left font-medium text-[13px] text-[var(--text-primary)]'>
             Superark
           </span>
-          <ChevronDown className='h-[8px] w-[10px] flex-shrink-0 text-[var(--text-icon)]' />
+          <ChevronDown className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
         </div>
       </div>
 
diff --git a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-tables/landing-preview-tables.tsx b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-tables/landing-preview-tables.tsx
index 783cded98fc..c9986d6c587 100644
--- a/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-tables/landing-preview-tables.tsx
+++ b/apps/sim/app/(landing)/components/landing-preview/components/landing-preview-tables/landing-preview-tables.tsx
@@ -444,7 +444,7 @@ function SpreadsheetView({ tableId, tableName, onBack }: SpreadsheetViewProps) {
           <span className='select-none text-[var(--text-icon)] text-sm'>/</span>
           <span className='inline-flex items-center px-2 py-1 font-medium text-[var(--text-body)] text-sm'>
             {tableName}
-            <ChevronDown className='ml-2 h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />
+            <ChevronDown className='ml-2 size-[14px] shrink-0 text-[var(--text-muted)]' />
           </span>
         </div>
       </div>
@@ -470,7 +470,7 @@ function SpreadsheetView({ tableId, tableName, onBack }: SpreadsheetViewProps) {
                       <span className='ml-1.5 min-w-0 overflow-clip text-ellipsis whitespace-nowrap font-medium text-[var(--text-primary)] text-small'>
                         {col.label}
                       </span>
-                      <ChevronDown className='ml-auto h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />
+                      <ChevronDown className='ml-auto size-[14px] shrink-0 text-[var(--text-muted)]' />
                     </div>
                   </th>
                 )
diff --git a/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-home-stage.tsx b/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-home-stage.tsx
index 1c42915fe59..c736b61c95c 100644
--- a/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-home-stage.tsx
+++ b/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-home-stage.tsx
@@ -217,7 +217,7 @@ export function EnterpriseHomeStage({
             <div className='flex items-center justify-between'>
               <span className='flex items-center gap-2'>
                 <span className='text-[13px] text-[var(--text-muted)]'>Suggested actions</span>
-                <ChevronDown className='h-[7px] w-[9px] text-[var(--text-muted)]' />
+                <ChevronDown className='size-[14px] text-[var(--text-muted)]' />
               </span>
               <span className='flex items-center gap-1.5'>
                 <span className='text-[13px] text-[var(--text-muted)]'>Shuffle</span>
diff --git a/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-sidebar.tsx b/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-sidebar.tsx
index 24eddcfc205..1587e6a16e2 100644
--- a/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-sidebar.tsx
+++ b/apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-sidebar.tsx
@@ -110,7 +110,7 @@ export const EnterpriseSidebar = memo(function EnterpriseSidebar({
     <div className='flex h-full w-[249px] flex-shrink-0 flex-col bg-[var(--surface-1)] pt-3'>
       {/* Workspace header, matching the real product's WorkspaceHeader chip
           (borderless `chipVariants()` geometry: h-[30px] rounded-lg px-2 with
-          mx-0.5, 16px logo, text-sm name, 6x10 chevron) and therefore the
+          mx-0.5, 16px logo, text-sm name, 14px chevron) and therefore the
           homepage's baked sidebar pixels - logo + name + chevron as a bare
           row, panel toggle right-aligned outside it. */}
       <div className='flex flex-shrink-0 items-center justify-between px-2'>
@@ -126,7 +126,7 @@ export const EnterpriseSidebar = memo(function EnterpriseSidebar({
             className='size-[16px] flex-shrink-0 rounded-sm'
           />
           <span className='min-w-0 truncate text-[var(--text-body)] text-sm'>{workspaceName}</span>
-          <ChevronDown className='h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)]' />
+          <ChevronDown className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
         </div>
         <PanelLeft className='mr-1.5 size-[16px] flex-shrink-0 text-[var(--text-icon)]' />
       </div>
diff --git a/apps/sim/app/(landing)/tables/components/tables-hero-loop.tsx b/apps/sim/app/(landing)/tables/components/tables-hero-loop.tsx
index 081ef8aec8d..68ab98a639d 100644
--- a/apps/sim/app/(landing)/tables/components/tables-hero-loop.tsx
+++ b/apps/sim/app/(landing)/tables/components/tables-hero-loop.tsx
@@ -294,7 +294,7 @@ function TablesGridPane({ rowCount, filledCount }: TablesGridPaneProps) {
           <span className='select-none text-[var(--text-icon)] text-sm'>/</span>
           <span className='inline-flex items-center px-2 py-1 font-medium text-[var(--text-body)] text-sm'>
             Leads
-            <ChevronDown className='ml-2 h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />
+            <ChevronDown className='ml-2 size-[14px] shrink-0 text-[var(--text-muted)]' />
           </span>
         </div>
       </div>
@@ -319,7 +319,7 @@ function TablesGridPane({ rowCount, filledCount }: TablesGridPaneProps) {
                       <span className='ml-1.5 min-w-0 overflow-clip text-ellipsis whitespace-nowrap font-medium text-[var(--text-primary)] text-small'>
                         {column.label}
                       </span>
-                      <ChevronDown className='ml-auto h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />
+                      <ChevronDown className='ml-auto size-[14px] shrink-0 text-[var(--text-muted)]' />
                     </div>
                   </th>
                 )
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
index 66774054cc6..012158e64f5 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
@@ -112,7 +112,7 @@ export function AgentGroup({
           )}
           <ChevronDown
             className={cn(
-              'h-[7px] w-[9px] text-[var(--text-icon)] opacity-0 transition-[transform,opacity] duration-150 group-hover/agent:opacity-100 group-focus-visible/agent:opacity-100',
+              'size-[14px] text-[var(--text-icon)] opacity-0 transition-[transform,opacity] duration-150 group-hover/agent:opacity-100 group-focus-visible/agent:opacity-100',
               !expanded && '-rotate-90'
             )}
           />
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx
index 44b27dba5ff..5756f57c72f 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx
@@ -268,7 +268,7 @@ export function QuestionDisplay({
                   'before:absolute before:inset-[-8px] before:content-[""] disabled:opacity-50'
                 )}
               >
-                <ChevronLeft className='h-[9px] w-[7px] text-[var(--text-icon)]' />
+                <ChevronLeft className='size-[14px] text-[var(--text-icon)]' />
                 <span className='sr-only'>Previous question</span>
               </Button>
               <span className='whitespace-nowrap text-[var(--text-muted)] text-sm tabular-nums'>
@@ -286,7 +286,7 @@ export function QuestionDisplay({
                   'before:absolute before:inset-[-8px] before:content-[""] disabled:opacity-50'
                 )}
               >
-                <ChevronRight className='h-[9px] w-[7px] text-[var(--text-icon)]' />
+                <ChevronRight className='size-[14px] text-[var(--text-icon)]' />
                 <span className='sr-only'>Next question</span>
               </Button>
             </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
index 6372643c46f..67708c96aee 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
@@ -1383,7 +1383,7 @@ function OptionsDisplay({ data, onSelect }: OptionsDisplayProps) {
           <span className='text-[var(--text-body)] text-sm'>Suggested follow-ups</span>
           <ChevronDown
             className={cn(
-              'h-[7px] w-[9px] text-[var(--text-icon)] transition-transform duration-150',
+              'size-[14px] text-[var(--text-icon)] transition-transform duration-150',
               !expanded && '-rotate-90'
             )}
           />
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx
index 8a78cf03537..8641b9b5eab 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx
@@ -362,7 +362,7 @@ export function SuggestedActions({ onSelectPrompt }: SuggestedActionsProps) {
          */}
         <ChevronDown
           className={cn(
-            'h-[6px] w-[8px] flex-shrink-0 text-[var(--text-icon)] opacity-0 transition-[opacity,transform] duration-150',
+            'size-[14px] flex-shrink-0 text-[var(--text-icon)] opacity-0 transition-[opacity,transform] duration-150',
             'group-hover/suggested:opacity-100 group-focus-visible/toggle:opacity-100',
             !expanded && '-rotate-90'
           )}
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx
index df20fde691b..03659923c57 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx
@@ -307,7 +307,7 @@ export function Integrations() {
                       ? selectedCategory
                       : formatIntegrationType(selectedCategory)}
                   </span>
-                  <ChevronDown className='h-[7px] w-[9px] text-[var(--text-icon)]' />
+                  <ChevronDown className='size-[14px] text-[var(--text-icon)]' />
                 </button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align='end' className='min-w-[160px]'>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/connection-blocks/components/field-item/field-item.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/connection-blocks/components/field-item/field-item.tsx
index a88b1726e19..bc82dbf7f57 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/connection-blocks/components/field-item/field-item.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/connection-blocks/components/field-item/field-item.tsx
@@ -104,7 +104,7 @@ export function FieldItem({
       {hasChildren && (
         <ChevronDown
           className={clsx(
-            'h-3.5 w-3.5 flex-shrink-0 transition-transform duration-100',
+            'size-[14px] flex-shrink-0 transition-transform duration-100',
             'text-[var(--text-secondary)] group-hover:text-[var(--text-primary)]',
             isExpanded && 'rotate-180'
           )}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/output-panel/components/structured-output.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/output-panel/components/structured-output.tsx
index e92ca7f0f3a..6a4c917bd39 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/output-panel/components/structured-output.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/output-panel/components/structured-output.tsx
@@ -66,8 +66,7 @@ const BADGE_VARIANTS: Record<ValueType, BadgeVariant> = {
  */
 const STYLES = {
   row: 'group flex min-h-[30px] cursor-pointer items-center gap-2 rounded-lg px-2 -mx-2 hover-hover:bg-[var(--surface-active)]',
-  chevron:
-    'h-[7px] w-[9px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
+  chevron: 'size-[14px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
   keyName: 'text-sm text-[var(--text-primary)]',
   badge: 'rounded-sm px-1 py-[0px] text-xs',
   summary: 'text-sm text-[var(--text-secondary)]',
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/toggle-button/toggle-button.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/toggle-button/toggle-button.tsx
index c23902878da..b33dbab6314 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/toggle-button/toggle-button.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/toggle-button/toggle-button.tsx
@@ -24,7 +24,7 @@ export const ToggleButton = memo(function ToggleButton({ isExpanded, onClick }:
     >
       <ChevronDown
         className={clsx(
-          'h-3.5 w-3.5 flex-shrink-0 transition-transform duration-100',
+          'size-[14px] flex-shrink-0 transition-transform duration-100',
           !isExpanded && 'rotate-180'
         )}
       />
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx
index 4634acf786e..75c3c183bfa 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx
@@ -206,7 +206,7 @@ const IterationNodeRow = memo(function IterationNodeRow({
           {hasChildren && (
             <ChevronDown
               className={clsx(
-                'h-[7px] w-[9px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
+                'size-[14px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
                 !isExpanded && '-rotate-90'
               )}
             />
@@ -316,7 +316,7 @@ const SubflowNodeRow = memo(function SubflowNodeRow({
           {hasChildren && (
             <ChevronDown
               className={clsx(
-                'h-[7px] w-[9px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
+                'size-[14px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
                 !isExpanded && '-rotate-90'
               )}
             />
@@ -443,7 +443,7 @@ const WorkflowNodeRow = memo(function WorkflowNodeRow({
           {hasChildren && (
             <ChevronDown
               className={clsx(
-                'h-[7px] w-[9px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
+                'size-[14px] flex-shrink-0 text-[var(--text-muted)] transition-transform duration-100',
                 !isExpanded && '-rotate-90'
               )}
             />
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls.tsx
index 0b41a7caf2b..c57b08ea2ff 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-controls/workflow-controls.tsx
@@ -113,7 +113,7 @@ export const WorkflowControls = memo(function WorkflowControls() {
                 </Tooltip.Trigger>
                 <Button className='-m-1 !p-1.5 group' variant='ghost'>
                   <ChevronDown
-                    className={`h-[8px] w-[10px] text-[var(--text-muted)] transition-transform duration-100 group-hover:text-[var(--text-secondary)] ${isCanvasModeOpen ? 'rotate-180' : ''}`}
+                    className={`size-[14px] text-[var(--text-muted)] transition-transform duration-100 group-hover:text-[var(--text-secondary)] ${isCanvasModeOpen ? 'rotate-180' : ''}`}
                   />
                 </Button>
               </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx
index 130096badc6..610365f9bac 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx
@@ -468,7 +468,7 @@ function ConnectionsSection({
               </span>
               <ChevronDown
                 className={cn(
-                  'h-3.5 w-3.5 flex-shrink-0 transition-transform duration-100',
+                  'size-[14px] flex-shrink-0 transition-transform duration-100',
                   'text-[var(--text-secondary)] group-hover:text-[var(--text-primary)]',
                   expandedVariables && 'rotate-180'
                 )}
@@ -520,7 +520,7 @@ function ConnectionsSection({
               </span>
               <ChevronDown
                 className={cn(
-                  'h-3.5 w-3.5 flex-shrink-0 transition-transform duration-100',
+                  'size-[14px] flex-shrink-0 transition-transform duration-100',
                   'text-[var(--text-secondary)] group-hover:text-[var(--text-primary)]',
                   expandedEnvVars && 'rotate-180'
                 )}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-section/sidebar-section.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-section/sidebar-section.tsx
index 341f8f8091c..2cd94f3f23b 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-section/sidebar-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-section/sidebar-section.tsx
@@ -93,7 +93,7 @@ export function SidebarSection({
              */}
             <ChevronDown
               className={cn(
-                'h-[6px] w-[8px] flex-shrink-0 text-[var(--text-icon)] opacity-0',
+                'size-[14px] flex-shrink-0 text-[var(--text-icon)] opacity-0',
                 CHEVRON_TRANSITION_CLASS,
                 'group-hover/section:opacity-100 group-focus-visible/toggle:opacity-100',
                 !expanded && '-rotate-90'
diff --git a/apps/sim/ee/workspace-forking/components/fork-excluded-workflows/fork-excluded-workflows.tsx b/apps/sim/ee/workspace-forking/components/fork-excluded-workflows/fork-excluded-workflows.tsx
index 3e50196d31f..8ced29f7330 100644
--- a/apps/sim/ee/workspace-forking/components/fork-excluded-workflows/fork-excluded-workflows.tsx
+++ b/apps/sim/ee/workspace-forking/components/fork-excluded-workflows/fork-excluded-workflows.tsx
@@ -213,7 +213,7 @@ function ExcludedFolderRow({
           </span>
           <ChevronDown
             className={cn(
-              'h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
+              'size-[14px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
               expanded && 'rotate-180'
             )}
           />
diff --git a/apps/sim/ee/workspace-forking/components/fork-file-tree/fork-file-tree.tsx b/apps/sim/ee/workspace-forking/components/fork-file-tree/fork-file-tree.tsx
index 76fa5a5e2b1..695edefa6c9 100644
--- a/apps/sim/ee/workspace-forking/components/fork-file-tree/fork-file-tree.tsx
+++ b/apps/sim/ee/workspace-forking/components/fork-file-tree/fork-file-tree.tsx
@@ -142,7 +142,7 @@ function ForkFileFolderRow({
           </span>
           <ChevronDown
             className={cn(
-              'h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
+              'size-[14px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
               expanded && 'rotate-180'
             )}
           />
diff --git a/apps/sim/ee/workspace-forking/components/fork-resource-picker/fork-resource-picker.tsx b/apps/sim/ee/workspace-forking/components/fork-resource-picker/fork-resource-picker.tsx
index 9762d82e74d..3a6ddd0f7cc 100644
--- a/apps/sim/ee/workspace-forking/components/fork-resource-picker/fork-resource-picker.tsx
+++ b/apps/sim/ee/workspace-forking/components/fork-resource-picker/fork-resource-picker.tsx
@@ -74,7 +74,7 @@ export function ResourceKindRow({
           </span>
           <ChevronDown
             className={cn(
-              'h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
+              'size-[14px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
               expanded && 'rotate-180'
             )}
           />
@@ -169,7 +169,7 @@ export function FileKindRow({
           </span>
           <ChevronDown
             className={cn(
-              'h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
+              'size-[14px] flex-shrink-0 text-[var(--text-icon)] transition-transform',
               expanded && 'rotate-180'
             )}
           />
diff --git a/apps/sim/ee/workspace-forking/components/fork-sync/fork-sync-view.tsx b/apps/sim/ee/workspace-forking/components/fork-sync/fork-sync-view.tsx
index 02e22593e73..0423b05b3f8 100644
--- a/apps/sim/ee/workspace-forking/components/fork-sync/fork-sync-view.tsx
+++ b/apps/sim/ee/workspace-forking/components/fork-sync/fork-sync-view.tsx
@@ -473,7 +473,7 @@ function MappingKindRow({ controller, group, summary }: MappingKindRowProps) {
         </Badge>
         <ChevronDown
           className={cn(
-            'h-[6px] w-[10px] shrink-0 text-[var(--text-icon)] transition-transform',
+            'size-[14px] shrink-0 text-[var(--text-icon)] transition-transform',
             open && 'rotate-180'
           )}
         />
diff --git a/packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx b/packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx
index b131ccee387..11f8de5a6ce 100644
--- a/packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx
+++ b/packages/emcn/src/components/chip-date-picker/chip-date-picker.tsx
@@ -124,7 +124,7 @@ const ChipDatePicker = forwardRef<HTMLButtonElement, ChipDatePickerProps>(
                 aria-hidden
                 className='inline-flex size-[16px] flex-shrink-0 items-center justify-center text-[var(--text-icon)]'
               >
-                <ChevronDown className='h-[6px] w-[10px]' />
+                <ChevronDown className='size-[14px]' />
               </span>
             )}
           </button>
diff --git a/packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx b/packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx
index 6173e1ed96d..e9360eecf26 100644
--- a/packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx
+++ b/packages/emcn/src/components/chip-dropdown/chip-dropdown.tsx
@@ -139,7 +139,7 @@ type ChipDropdownProps = ChipDropdownSingleProps | ChipDropdownMultiProps
  *
  * The trigger reuses `chipVariants` for visual parity with `Chip`. The label
  * is `flex-1`, so the trailing chevron is pushed flush right. The chevron is
- * owned by the component and rendered at `h-[6px] w-[10px]` (matching the
+ * owned by the component and rendered at `size-[14px]` (matching the
  * workspace-header chevron) — there is intentionally no `rightIcon` prop. The
  * trigger and menu shell are identical across modes; only the selection
  * semantics (label, item handlers, open state, search) branch on `multiple`.
@@ -318,7 +318,7 @@ const ChipDropdown = forwardRef<HTMLButtonElement, ChipDropdownProps>(
               {displayLabel}
             </span>
             <span aria-hidden className={chevronSlotClass}>
-              <ChevronDown className='h-[6px] w-[10px]' />
+              <ChevronDown className='size-[14px]' />
             </span>
           </button>
         </DropdownMenuTrigger>
diff --git a/packages/emcn/src/components/chip-select/chip-select.tsx b/packages/emcn/src/components/chip-select/chip-select.tsx
index fd528fe6913..2602d07f678 100644
--- a/packages/emcn/src/components/chip-select/chip-select.tsx
+++ b/packages/emcn/src/components/chip-select/chip-select.tsx
@@ -240,7 +240,7 @@ export function ChipSelect({
             aria-hidden
             className='inline-flex size-[16px] flex-shrink-0 items-center justify-center text-[var(--text-icon)]'
           >
-            <ChevronDown className='h-[6px] w-[10px]' />
+            <ChevronDown className='size-[14px]' />
           </span>
         </button>
       </DropdownMenuTrigger>
diff --git a/packages/emcn/src/components/chip/chip-chevron.tsx b/packages/emcn/src/components/chip/chip-chevron.tsx
index aaafd4b0587..82c1fbd338b 100644
--- a/packages/emcn/src/components/chip/chip-chevron.tsx
+++ b/packages/emcn/src/components/chip/chip-chevron.tsx
@@ -8,7 +8,7 @@ interface ChipChevronDownProps {
 
 /**
  * Canonical trailing chevron adornment for chip-style dropdown triggers — a
- * 16px hidden-from-AT slot centering the 10×6 {@link ChevronDown} glyph in
+ * 16px hidden-from-AT slot centering the 14px {@link ChevronDown} glyph in
  * `--text-icon`, matching the chevron `ChipDropdown` owns internally. Use it
  * inside hand-built `chipVariants` triggers (breadcrumb dropdowns, header
  * "New column"-style buttons) instead of re-deriving the span + icon markup.
@@ -28,7 +28,7 @@ export function ChipChevronDown({ className }: ChipChevronDownProps) {
         className
       )}
     >
-      <ChevronDown className='h-[6px] w-[10px]' />
+      <ChevronDown className='size-[14px]' />
     </span>
   )
 }
diff --git a/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx b/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx
index 39bffd11bd8..220c61fb684 100644
--- a/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/emcn/src/components/dropdown-menu/dropdown-menu.tsx
@@ -117,7 +117,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
       {...props}
     >
       {children}
-      <ChevronRight className='ml-auto shrink-0' />
+      <ChevronRight className='ml-auto size-[14px] shrink-0' />
     </DropdownMenuPrimitive.SubTrigger>
   )
 })
diff --git a/packages/emcn/src/components/time-picker/time-picker.tsx b/packages/emcn/src/components/time-picker/time-picker.tsx
index 8b6ccb0bfaa..7efcea48a3c 100644
--- a/packages/emcn/src/components/time-picker/time-picker.tsx
+++ b/packages/emcn/src/components/time-picker/time-picker.tsx
@@ -240,7 +240,7 @@ const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(
               </span>
               <ChevronDown
                 className={cn(
-                  'ml-2 h-4 w-4 flex-shrink-0 opacity-50 transition-transform',
+                  'ml-2 size-[14px] flex-shrink-0 opacity-50 transition-transform',
                   open && 'rotate-180'
                 )}
               />
diff --git a/packages/emcn/src/icons/chevron-down.tsx b/packages/emcn/src/icons/chevron-down.tsx
index 7a85e52f3bd..ab99f55ed71 100644
--- a/packages/emcn/src/icons/chevron-down.tsx
+++ b/packages/emcn/src/icons/chevron-down.tsx
@@ -1,28 +1,25 @@
 import type { SVGProps } from 'react'
 
 /**
- * ChevronDown icon component
+ * ChevronDown icon component - single chevron pointing down
  * @param props - SVG properties including className, fill, etc.
  */
 export function ChevronDown(props: SVGProps<SVGSVGElement>) {
   return (
     <svg
-      width='10'
-      height='6'
-      viewBox='0 0 10 6'
+      width='24'
+      height='24'
+      viewBox='-1 -2 24 24'
       fill='none'
+      stroke='currentColor'
+      strokeWidth='1.55'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       xmlns='http://www.w3.org/2000/svg'
       aria-hidden='true'
       {...props}
     >
-      <path
-        d='M1 1L5 5L9 1'
-        stroke='currentColor'
-        strokeWidth='1.2'
-        strokeLinecap='square'
-        strokeLinejoin='miter'
-        fill='none'
-      />
+      <path d='M3 6.25L10.25 13.25L17.5 6.25' />
     </svg>
   )
 }
diff --git a/packages/emcn/src/icons/chevron-left.tsx b/packages/emcn/src/icons/chevron-left.tsx
index f79b8280e7f..907b924f056 100644
--- a/packages/emcn/src/icons/chevron-left.tsx
+++ b/packages/emcn/src/icons/chevron-left.tsx
@@ -1,28 +1,25 @@
 import type { SVGProps } from 'react'
 
 /**
- * ChevronLeft icon component
+ * ChevronLeft icon component - single chevron pointing left
  * @param props - SVG properties including className, fill, etc.
  */
 export function ChevronLeft(props: SVGProps<SVGSVGElement>) {
   return (
     <svg
-      width='6'
-      height='10'
-      viewBox='0 0 6 10'
+      width='24'
+      height='24'
+      viewBox='-1 -2 24 24'
       fill='none'
+      stroke='currentColor'
+      strokeWidth='1.55'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       xmlns='http://www.w3.org/2000/svg'
       aria-hidden='true'
       {...props}
     >
-      <path
-        d='M5 1L1 5L5 9'
-        stroke='currentColor'
-        strokeWidth='1.2'
-        strokeLinecap='square'
-        strokeLinejoin='miter'
-        fill='none'
-      />
+      <path d='M13.25 3L6.25 10.25L13.25 17.5' />
     </svg>
   )
 }
diff --git a/packages/emcn/src/icons/chevron-right.tsx b/packages/emcn/src/icons/chevron-right.tsx
index 2f2a591ae87..4197e20aaad 100644
--- a/packages/emcn/src/icons/chevron-right.tsx
+++ b/packages/emcn/src/icons/chevron-right.tsx
@@ -1,28 +1,25 @@
 import type { SVGProps } from 'react'
 
 /**
- * ChevronRight icon component
+ * ChevronRight icon component - single chevron pointing right
  * @param props - SVG properties including className, fill, etc.
  */
 export function ChevronRight(props: SVGProps<SVGSVGElement>) {
   return (
     <svg
-      width='6'
-      height='10'
-      viewBox='0 0 6 10'
+      width='24'
+      height='24'
+      viewBox='-1 -2 24 24'
       fill='none'
+      stroke='currentColor'
+      strokeWidth='1.55'
+      strokeLinecap='round'
+      strokeLinejoin='round'
       xmlns='http://www.w3.org/2000/svg'
       aria-hidden='true'
       {...props}
     >
-      <path
-        d='M1 1L5 5L1 9'
-        stroke='currentColor'
-        strokeWidth='1.2'
-        strokeLinecap='square'
-        strokeLinejoin='miter'
-        fill='none'
-      />
+      <path d='M6.25 3L13.25 10.25L6.25 17.5' />
     </svg>
   )
 }
diff --git a/packages/emcn/src/icons/folder-input.tsx b/packages/emcn/src/icons/folder-input.tsx
index 022eecc6cf7..1b15bd3371e 100644
--- a/packages/emcn/src/icons/folder-input.tsx
+++ b/packages/emcn/src/icons/folder-input.tsx
@@ -21,14 +21,14 @@ export function FolderInput(props: SVGProps<SVGSVGElement>) {
       <path
         d='M2 13h10'
         stroke='currentColor'
-        strokeWidth='2'
+        strokeWidth='1.55'
         strokeLinecap='round'
         strokeLinejoin='round'
       />
       <path
         d='m9 16 3-3-3-3'
         stroke='currentColor'
-        strokeWidth='2'
+        strokeWidth='1.55'
         strokeLinecap='round'
         strokeLinejoin='round'
       />