From b5b123db9dd1eaeb36bbfea2f906355eb97b7360 Mon Sep 17 00:00:00 2001
From: James Harris <wopian@wopian.me>
Date: Thu, 20 Aug 2020 00:20:08 +0100
Subject: [PATCH] fix: ensure browser falls back to a sans-serif font

If `Verdana` isn't present, the system/browser default serif font would be used instead. Fixes https://github.com/Redocly/redoc/issues/1180#issuecomment-634545588
---
 src/components/SideMenu/styled.elements.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index 7da4da01..55846434 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -16,7 +16,7 @@ export const OperationBadge = styled.span.attrs((props: { type: string }) => ({
   background-repeat: no-repeat;
   background-position: 6px 4px;
   font-size: 7px;
-  font-family: Verdana; // web-safe
+  font-family: Verdana, sans-serif; // web-safe
   color: white;
   text-transform: uppercase;
   text-align: center;