diff --git a/services/web/frontend/js/features/ide-react/components/toolbar/change-layout-options.tsx b/services/web/frontend/js/features/ide-react/components/toolbar/change-layout-options.tsx index c661859c1b..5be6ba6012 100644 --- a/services/web/frontend/js/features/ide-react/components/toolbar/change-layout-options.tsx +++ b/services/web/frontend/js/features/ide-react/components/toolbar/change-layout-options.tsx @@ -107,7 +107,7 @@ const shortcuts: Record = isMac pdfOnly: null, sideBySide: null, detachedPdf: null, - focusMode: ['⌃', '⇧', 'M'], + focusMode: ['Ctrl', 'Shift', 'M'], } export default function ChangeLayoutOptions() { diff --git a/services/web/frontend/js/shared/components/shortcut.tsx b/services/web/frontend/js/shared/components/shortcut.tsx index ffd8fc3ce0..895d8ad6a7 100644 --- a/services/web/frontend/js/shared/components/shortcut.tsx +++ b/services/web/frontend/js/shared/components/shortcut.tsx @@ -1,17 +1,8 @@ -import classNames from 'classnames' - export function Shortcut({ keys }: { keys: string[] }) { return ( - + {keys.map((key, idx) => ( - - {key} - + {key} ))} ) diff --git a/services/web/frontend/stylesheets/components/dropdown-menu.scss b/services/web/frontend/stylesheets/components/dropdown-menu.scss index c2073cb457..12cc6ab8ad 100644 --- a/services/web/frontend/stylesheets/components/dropdown-menu.scss +++ b/services/web/frontend/stylesheets/components/dropdown-menu.scss @@ -310,10 +310,9 @@ $dropdown-item-min-height: 36px; justify-content: space-between; } -.dropdown-shortcut-char { - display: inline-block; - width: 1em; - text-align: center; +.dropdown-shortcut { + display: inline-flex; + gap: var(--spacing-02); } .dropdown-item-wide {