diff --git a/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
index a45357121354f..ed09b71f0c31c 100644
--- a/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
@@ -305,7 +305,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
 
 exports[`ErrorGroupOverview -> List should render with data 1`] = `
 .c0 {
-  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+  font-family: "Roboto Mono",Consolas,Menlo,Courier,monospace;
 }
 
 .c1 {
@@ -316,7 +316,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
 }
 
 .c2 {
-  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+  font-family: "Roboto Mono",Consolas,Menlo,Courier,monospace;
   font-size: 16px;
   max-width: 100%;
   white-space: nowrap;
@@ -325,7 +325,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
 }
 
 .c3 {
-  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+  font-family: "Roboto Mono",Consolas,Menlo,Courier,monospace;
 }
 
 <Memo(UnoptimizedManagedTable)
diff --git a/x-pack/legacy/plugins/apm/public/components/shared/Stacktrace/__test__/__snapshots__/Stackframe.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/shared/Stacktrace/__test__/__snapshots__/Stackframe.test.tsx.snap
index ea1b825c856ad..2f1c3a245e906 100644
--- a/x-pack/legacy/plugins/apm/public/components/shared/Stacktrace/__test__/__snapshots__/Stackframe.test.tsx.snap
+++ b/x-pack/legacy/plugins/apm/public/components/shared/Stacktrace/__test__/__snapshots__/Stackframe.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
 .c0 {
   color: #69707d;
   padding: 8px 0;
-  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+  font-family: "Roboto Mono",Consolas,Menlo,Courier,monospace;
   font-size: 14px;
 }
 
@@ -97,7 +97,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
 
 .c2 {
   position: relative;
-  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+  font-family: "Roboto Mono",Consolas,Menlo,Courier,monospace;
   font-size: 14px;
   border: 1px solid #d3dae6;
   border-radius: 4px;
diff --git a/x-pack/legacy/plugins/apm/public/style/variables.ts b/x-pack/legacy/plugins/apm/public/style/variables.ts
index 8746e05ef3d5e..5a1dcc60114d3 100644
--- a/x-pack/legacy/plugins/apm/public/style/variables.ts
+++ b/x-pack/legacy/plugins/apm/public/style/variables.ts
@@ -31,9 +31,8 @@ export function pct(value: number): string {
 export const borderRadius = '4px';
 
 // Fonts
-export const fontFamily = '"Open Sans", Helvetica, Arial, sans-serif';
 export const fontFamilyCode =
-  '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace';
+  '"Roboto Mono", Consolas, Menlo, Courier, monospace';
 
 // Font sizes
 export const fontSize = '14px';