diff --git a/web_src/css/base.css b/web_src/css/base.css
index bc9c8d3f39..cbb21951b4 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -97,6 +97,17 @@ samp,
   font-size: 0.95em; /* compensate for monospace fonts being usually slightly larger */
 }
 
+kbd {
+  padding: 0.15em 0.35em;
+  line-height: 10px;
+  color: var(--color-text-light);
+  vertical-align: middle;
+  background-color: var(--color-markup-code-inline);
+  border: 1px solid var(--color-secondary);
+  border-radius: var(--border-radius);
+  box-shadow: inset 0 -1px 0 var(--color-secondary);
+}
+
 b,
 strong,
 h1,
diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
index 2d3617fac3..8a872f2623 100644
--- a/web_src/css/markup/content.css
+++ b/web_src/css/markup/content.css
@@ -500,16 +500,7 @@
 }
 
 .markup kbd {
-  display: inline-block;
-  padding: 3px 5px;
-  font-size: 11px;
-  line-height: 10px;
-  color: var(--color-text-light);
-  vertical-align: middle;
-  background-color: var(--color-markup-code-inline);
-  border: 1px solid var(--color-secondary);
-  border-radius: var(--border-radius);
-  box-shadow: inset 0 -1px 0 var(--color-secondary);
+  padding: 0 0.35em;
 }
 
 .markup .ui.list .list,