diff --git a/src/App.jsx b/src/App.jsx
index 694a77d2..e44b7ec7 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -169,6 +169,12 @@ const App = () => {
         return;
       }
 
+      if (e.key === '/') {
+        toggleDeDxMarkers();
+        e.preventDefault();
+        return;
+      }
+
       const layerId = layerShortcuts[e.key.toLowerCase()];
       if (layerId && window.hamclockLayerControls) {
         const isEnabled = window.hamclockLayerControls.layers?.find((l) => l.id === layerId)?.enabled ?? false;
diff --git a/src/components/KeybindingsPanel.jsx b/src/components/KeybindingsPanel.jsx
index e950de2f..441a093e 100644
--- a/src/components/KeybindingsPanel.jsx
+++ b/src/components/KeybindingsPanel.jsx
@@ -125,6 +125,43 @@ export const KeybindingsPanel = ({ isOpen, onClose, keybindings, nodeId }) => {
               {t('keybindings.panel.toggle', 'Toggle this help panel')}
             </span>
           </div>
+          <div
+            style={{
+              padding: '6px 8px',
+              background: 'var(--bg-panel)',
+              border: '1px solid var(--accent-cyan)',
+              borderRadius: '4px',
+              display: 'flex',
+              alignItems: 'center',
+              gap: '8px',
+            }}
+          >
+            <kbd
+              style={{
+                minWidth: '24px',
+                padding: '3px 6px',
+                background: 'var(--bg-secondary)',
+                border: '1px solid var(--accent-cyan)',
+                borderRadius: '3px',
+                fontSize: '0.85em',
+                fontWeight: '700',
+                fontFamily: 'JetBrains Mono, monospace',
+                color: 'var(--accent-cyan)',
+                textAlign: 'center',
+              }}
+            >
+              {'/'}
+            </kbd>
+            <span
+              style={{
+                fontSize: '0.85em',
+                color: 'var(--text-primary)',
+                lineHeight: '1.3',
+              }}
+            >
+              {t('keybindings.panel.toggleDeDx', 'Toggle DE and DX Markers')}
+            </span>
+          </div>
         </div>
       </div>
     );
@@ -282,7 +319,6 @@ export const KeybindingsPanel = ({ isOpen, onClose, keybindings, nodeId }) => {
                 display: 'flex',
                 alignItems: 'center',
                 gap: '12px',
-                gridColumn: 'span 2',
               }}
             >
               <kbd
@@ -302,6 +338,7 @@ export const KeybindingsPanel = ({ isOpen, onClose, keybindings, nodeId }) => {
               >
                 ?
               </kbd>
+
               <span
                 style={{
                   fontSize: '12px',
@@ -312,6 +349,44 @@ export const KeybindingsPanel = ({ isOpen, onClose, keybindings, nodeId }) => {
                 {t('keybindings.panel.toggle', 'Toggle this help panel')}
               </span>
             </div>
+            <div
+              style={{
+                padding: '8px 12px',
+                background: 'var(--bg-panel)',
+                border: '1px solid var(--accent-cyan)',
+                borderRadius: '6px',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '12px',
+              }}
+            >
+              <kbd
+                style={{
+                  minWidth: '32px',
+                  padding: '4px 8px',
+                  background: 'var(--bg-secondary)',
+                  border: '2px solid var(--accent-cyan)',
+                  borderRadius: '4px',
+                  fontSize: '12px',
+                  fontWeight: '700',
+                  fontFamily: 'JetBrains Mono, monospace',
+                  color: 'var(--accent-cyan)',
+                  textAlign: 'center',
+                  boxShadow: '0 2px 0 var(--accent-cyan)',
+                }}
+              >
+                /
+              </kbd>
+              <span
+                style={{
+                  fontSize: '0.85em',
+                  color: 'var(--text-primary)',
+                  lineHeight: '1.3',
+                }}
+              >
+                {t('keybindings.panel.toggleDeDx', 'Toggle DE and DX Markers')}
+              </span>
+            </div>
           </div>
 
           {/* Footer note */}
diff --git a/src/lang/en.json b/src/lang/en.json
index 1fd09e95..32036401 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -422,5 +422,6 @@
   "keybindings.panel.title": "KEYBOARD SHORTCUTS",
   "keybindings.panel.description": "Press the following keys to toggle map layers:",
   "keybindings.panel.toggle": "Toggle this help panel",
+  "keybindings.panel.toggleDeDx": "Toggle DE and DX Markers",
   "keybindings.panel.note": "Press ESC or click outside to close this panel"
 }