diff --git a/client/branded/src/search-ui/results/filters/NewSearchFilters.module.scss b/client/branded/src/search-ui/results/filters/NewSearchFilters.module.scss index f44f9b9df7d7..693597c3f86e 100644 --- a/client/branded/src/search-ui/results/filters/NewSearchFilters.module.scss +++ b/client/branded/src/search-ui/results/filters/NewSearchFilters.module.scss @@ -93,13 +93,6 @@ } } -// @TODO: Jason Harris: element is unuseable unless the following CSS selectors are present. -// We should use these as a base for adjusting the default styling of elements. .keybind { - font-family: var(--font-family-base); - color: var(--text-muted); - background: var(--color-bg-1); - border: 1px solid var(--border-color-2); margin-left: 0.5rem; - padding: 0 0.25rem; } diff --git a/client/wildcard/src/global-styles/code.scss b/client/wildcard/src/global-styles/code.scss index a29cc4517353..2a8914c637f2 100644 --- a/client/wildcard/src/global-styles/code.scss +++ b/client/wildcard/src/global-styles/code.scss @@ -34,18 +34,19 @@ code, } kbd { - font-family: var(--code-font-family); - font-size: var(--code-font-size); + background-color: var(--color-bg-1); + border-radius: 4px; + border: 1px solid var(--border-color-2); + box-shadow: inset 0 -2px 0 var(--color-bg-2); + color: var(--text-muted); display: inline-block; - line-height: (16/12); + font-family: var(--monospace-font-family); + font-size: var(--code-font-size); height: 1.125rem; - padding: 0 0.25rem; + line-height: (16/12); margin: 0 0.125rem; + padding: 0 0.25rem; vertical-align: middle; - border-radius: 3px; - color: var(--body-color); - background-color: var(--color-bg-2); - box-shadow: inset 0 -2px 0 var(--color-bg-3); } // Search examples that link to the results page should use this class.