diff --git a/public/index.html b/public/index.html
index 0ea29173..5a2821d2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,6 +11,8 @@
+
diff --git a/src/components/StatusBar/LogLevelSelect/LogLevelChip.css b/src/components/StatusBar/LogLevelSelect/LogLevelChip.css
index 8a70ba6c..c9fa8c2e 100644
--- a/src/components/StatusBar/LogLevelSelect/LogLevelChip.css
+++ b/src/components/StatusBar/LogLevelSelect/LogLevelChip.css
@@ -1,6 +1,9 @@
.log-level-chip {
/* stylelint-disable-next-line custom-property-pattern */
--Chip-radius: 0;
+
+ font-family: var(--ylv-ui-mono-font-family), monospace !important;
+ font-weight: 600 !important;
}
.log-level-chip span {
diff --git a/src/index.css b/src/index.css
index 815b9bd2..0e2fe4a2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -14,6 +14,8 @@ html {
/* font-family globals */
--ylv-ui-font-family: -apple-system, "BlinkMacSystemFont", system-ui, "Ubuntu", "Droid Sans",
"Inter";
+ --ylv-ui-mono-font-family: "SF Mono", monaco, menlo, "Ubuntu Mono", "Liberation Mono",
+ "DejaVu Sans Mono", "Roboto Mono";
/* size globals */
--ylv-status-bar-height: 32px;