diff --git a/src/renderer/features/search/components/collapsible-command-group.module.css b/src/renderer/features/search/components/collapsible-command-group.module.css index aacecb7bc..f795cd276 100644 --- a/src/renderer/features/search/components/collapsible-command-group.module.css +++ b/src/renderer/features/search/components/collapsible-command-group.module.css @@ -1,8 +1,6 @@ .root { display: flex; flex-direction: column; - - } @@ -32,6 +30,11 @@ opacity: 0.9; } +.subtitle { + display: flex; + align-items: center; +} + .items { display: flex; flex-direction: column; diff --git a/src/renderer/features/search/components/collapsible-command-group.tsx b/src/renderer/features/search/components/collapsible-command-group.tsx index 320bc39e7..8f9e13175 100644 --- a/src/renderer/features/search/components/collapsible-command-group.tsx +++ b/src/renderer/features/search/components/collapsible-command-group.tsx @@ -12,7 +12,7 @@ interface CollapsibleCommandGroupProps { expanded?: boolean; heading: string; onToggle?: () => void; - subtitle?: string; + subtitle?: ReactNode; } export function CollapsibleCommandGroup({ @@ -48,7 +48,7 @@ export function CollapsibleCommandGroup({ return (