diff --git a/services/web/frontend/js/features/command-palette/hooks/use-command-palette-triggers.ts b/services/web/frontend/js/features/command-palette/hooks/use-command-palette-triggers.ts
index 34d5139710..ce825b809a 100644
--- a/services/web/frontend/js/features/command-palette/hooks/use-command-palette-triggers.ts
+++ b/services/web/frontend/js/features/command-palette/hooks/use-command-palette-triggers.ts
@@ -6,7 +6,7 @@ const useCommandPaletteTriggers = (show: Dispatch<SetStateAction<boolean>>) => {
   const onKeyDown = useCallback(
     (event: KeyboardEvent) => {
       const modifierKey = isMac ? event.metaKey : event.ctrlKey
-      if (modifierKey && event.code === 'KeyP') {
+      if (modifierKey && event.key.toLowerCase() === 'p') {
         event.preventDefault()
         show(prev => !prev)
       }
diff --git a/services/web/frontend/js/features/ide-react/context/rail-context.tsx b/services/web/frontend/js/features/ide-react/context/rail-context.tsx
index 697fe9916f..d5402595b6 100644
--- a/services/web/frontend/js/features/ide-react/context/rail-context.tsx
+++ b/services/web/frontend/js/features/ide-react/context/rail-context.tsx
@@ -145,7 +145,7 @@ export const RailProvider: FC<React.PropsWithChildren> = ({ children }) => {
         if (
           (isMac ? event.metaKey : event.ctrlKey) &&
           event.shiftKey &&
-          event.code === 'KeyF'
+          event.key.toLowerCase() === 'f'
         ) {
           event.preventDefault()
           sendSearchEvent('search-open', {
diff --git a/services/web/frontend/js/features/source-editor/components/editor-context-menu.tsx b/services/web/frontend/js/features/source-editor/components/editor-context-menu.tsx
index 7e3783771e..6807fd20c7 100644
--- a/services/web/frontend/js/features/source-editor/components/editor-context-menu.tsx
+++ b/services/web/frontend/js/features/source-editor/components/editor-context-menu.tsx
@@ -56,7 +56,7 @@ const EditorContextMenuContent: FC = memo(function EditorContextMenuContent() {
           tabIndex={0}
           className="dropdown-menu-unpositioned"
           onKeyDown={event => {
-            switch (event.code) {
+            switch (event.key) {
               case 'Escape':
               case 'Tab':
                 event.preventDefault()
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx
index c213b38293..b4dbbde4a3 100644
--- a/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx
@@ -138,7 +138,7 @@ export const Table: FC = () => {
 
   const isCharacterInput = useCallback((event: KeyboardEvent) => {
     return (
-      Boolean(event.code) && // is a keyboard key
+      Boolean(event.key) && // is a keyboard key
       event.key?.length === 1 &&
       !event.ctrlKey &&
       !event.metaKey &&
@@ -155,7 +155,7 @@ export const Table: FC = () => {
         return
       }
       const commandKey = isMac ? event.metaKey : event.ctrlKey
-      if (event.code === 'Enter' && !event.shiftKey) {
+      if (event.key === 'Enter' && !event.shiftKey) {
         event.preventDefault()
         event.stopPropagation()
         if (!selection) {
@@ -173,7 +173,7 @@ export const Table: FC = () => {
         setSelection(
           new TableSelection(selection.to, selection.to).explode(tableData)
         )
-      } else if (event.code === 'Escape') {
+      } else if (event.key === 'Escape') {
         event.preventDefault()
         event.stopPropagation()
         if (!cellData) {
@@ -182,7 +182,7 @@ export const Table: FC = () => {
         } else {
           cancelEditing()
         }
-      } else if (event.code === 'Delete' || event.code === 'Backspace') {
+      } else if (event.key === 'Delete' || event.key === 'Backspace') {
         if (cellData) {
           return
         }
@@ -204,12 +204,12 @@ export const Table: FC = () => {
             }
           }
         }, 0)
-      } else if (Object.prototype.hasOwnProperty.call(navigation, event.code)) {
+      } else if (Object.prototype.hasOwnProperty.call(navigation, event.key)) {
         const {
           run: defaultNavigation,
           shift: shiftNavigation,
           canExitEditing,
-        } = navigation[event.code as NavigationKey]
+        } = navigation[event.key as NavigationKey]
         if (cellData) {
           if (!canExitEditing) {
             return
diff --git a/services/web/frontend/js/features/source-editor/components/tabs/tab.tsx b/services/web/frontend/js/features/source-editor/components/tabs/tab.tsx
index f207d19b2b..348409166e 100644
--- a/services/web/frontend/js/features/source-editor/components/tabs/tab.tsx
+++ b/services/web/frontend/js/features/source-editor/components/tabs/tab.tsx
@@ -144,7 +144,7 @@ export const Tab = memo(function Tab({
 
   const onKeyDown = useCallback(
     (e: React.KeyboardEvent) => {
-      if (e.code === 'Enter') {
+      if (e.key === 'Enter') {
         openTab(tab.id)
       }
     },
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
index 6c6060ae00..5d7af77263 100644
--- a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
@@ -133,7 +133,7 @@ const B5SpellingSuggestions: FC<SpellingSuggestionsInnerProps> = ({
         show={!waiting}
         tabIndex={0}
         onKeyDown={event => {
-          switch (event.code) {
+          switch (event.key) {
             case 'Escape':
             case 'Tab':
               event.preventDefault()
diff --git a/services/web/frontend/js/shared/context/layout-context.tsx b/services/web/frontend/js/shared/context/layout-context.tsx
index a8a9528946..e93398be5e 100644
--- a/services/web/frontend/js/shared/context/layout-context.tsx
+++ b/services/web/frontend/js/shared/context/layout-context.tsx
@@ -345,7 +345,7 @@ export const LayoutProvider: FC<React.PropsWithChildren> = ({ children }) => {
           !event.shiftKey &&
           !event.altKey
         ) {
-          switch (event.code) {
+          switch (event.key) {
             case 'ArrowLeft': // Editor only
               event.preventDefault()
               handleChangeLayout('flat', 'editor')
diff --git a/services/web/modules/full-project-search/frontend/js/components/full-project-search-ui.tsx b/services/web/modules/full-project-search/frontend/js/components/full-project-search-ui.tsx
index 005c1c2292..0f1bd507dc 100644
--- a/services/web/modules/full-project-search/frontend/js/components/full-project-search-ui.tsx
+++ b/services/web/modules/full-project-search/frontend/js/components/full-project-search-ui.tsx
@@ -144,7 +144,7 @@ const FullProjectSearchUI: FC = () => {
       if (
         (isMac ? event.metaKey : event.ctrlKey) &&
         event.shiftKey &&
-        event.code === 'KeyF'
+        event.key.toLowerCase() === 'f'
       ) {
         searchInputRef.current?.focus()
       }