diff --git a/src/assets/main.css b/src/assets/main.css
index be29517..a78e2b0 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,6 +1,7 @@
 div#app {
   width: 100%;
   height: 100vh;
+  font-family: 'Roboto Mono';
 }
 
 .screenshots-drawer {
@@ -23,7 +24,7 @@ div#app {
 }
 
 .vc-container {
-  font-family: 'Roboto' !important;
+  font-family: 'Roboto Mono' !important;
 }
 
 :root {
@@ -35,4 +36,12 @@ div#app {
   width: 100%;
   height: calc(100% - 56px);
   margin-top: 56px;
+}
+
+.ag-theme-material {
+  --ag-font-family: 'Roboto Mono'!important;
+}
+
+.v--default-css .c-toast {
+  font-family: 'Roboto Mono'!important;
 }
\ No newline at end of file
diff --git a/src/plugins/webfontloader.js b/src/plugins/webfontloader.js
index e95a56d..06f30b4 100644
--- a/src/plugins/webfontloader.js
+++ b/src/plugins/webfontloader.js
@@ -10,7 +10,7 @@ export async function loadFonts () {
   webFontLoader.load({
     google: {
       families: [
-          'Montserrat', 'Roboto',
+          'Montserrat', 'Roboto Mono',
       ],
     },
   })