From bf135621ace98e6f787b21ba6ac6d75ec3e9f204 Mon Sep 17 00:00:00 2001
From: lilyvc <45168453+lilyvc@users.noreply.github.com>
Date: Tue, 19 Dec 2023 08:37:40 +0000
Subject: [PATCH] Style Keys in Keyboard Accessibility Table (#2780)

---
 .../KeyboardControls.module.css                 | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/site/src/components/keyboard-controls/KeyboardControls.module.css b/site/src/components/keyboard-controls/KeyboardControls.module.css
index b8c5abad8e4..73c28ca204f 100644
--- a/site/src/components/keyboard-controls/KeyboardControls.module.css
+++ b/site/src/components/keyboard-controls/KeyboardControls.module.css
@@ -3,14 +3,23 @@
   margin-bottom: calc(2 * var(--salt-size-unit));
 }
 
-.table td {
-  vertical-align: top;
-}
-
 .table td > :last-child {
   margin-bottom: 0;
 }
 
+.table kbd {
+  display: inline-block;
+  background-color: var(--salt-container-primary-background);
+  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
+  border-radius: 3px;
+  font-family: var(--salt-text-label-fontFamily);
+  font-size: var(--salt-text-label-fontSize);
+  font-weight: var(--salt-text-label-fontWeight-strong);
+  margin: var(--salt-spacing-25);
+  padding: var(--salt-spacing-25) var(--salt-spacing-75);
+  box-shadow: var(--salt-shadow-200-color) 0px 2px;
+}
+
 .keyCol {
   min-width: 10rem;
 }