diff --git a/assets/layouts/base.tmpl b/assets/layouts/base.tmpl
index d6ffc5d..cca2ba4 100644
--- a/assets/layouts/base.tmpl
+++ b/assets/layouts/base.tmpl
@@ -13,12 +13,12 @@
             </div>
             {{ if .Flashes }}
             {{ $flash := index .Flashes 0 }}
-            <div class="padded mono flash-{{ $flash.Type }}">
+            <div class="padded flash-{{ $flash.Type }}">
                 <i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
             </div>
             {{ end }}
             {{ template "content" . }}
-            <div class="side-padded mono text-right">
+            <div class="side-padded text-right">
                 senan kelly, 2019
                 <span class="light">&#124;</span>
                 <a href="https://senan.xyz/g/gonic">github</a>
diff --git a/assets/layouts/user.tmpl b/assets/layouts/user.tmpl
index 164dcc9..6602886 100644
--- a/assets/layouts/user.tmpl
+++ b/assets/layouts/user.tmpl
@@ -1,5 +1,5 @@
 {{ define "content" }}
-<div class="side-padded light text-right mono">
+<div class="side-padded light text-right">
     welcome {{ .User.Name }}
     &#124;
     <a href="/admin/home">home</a>
diff --git a/assets/pages/change_own_password.tmpl b/assets/pages/change_own_password.tmpl
index a29a3c7..5549f7f 100644
--- a/assets/pages/change_own_password.tmpl
+++ b/assets/pages/change_own_password.tmpl
@@ -1,5 +1,5 @@
 {{ define "user" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-account-key"></i> changing account password
     </div>
diff --git a/assets/pages/change_password.tmpl b/assets/pages/change_password.tmpl
index ff35885..7f274cf 100644
--- a/assets/pages/change_password.tmpl
+++ b/assets/pages/change_password.tmpl
@@ -1,5 +1,5 @@
 {{ define "user" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-account-key"></i> changing {{ .SelectedUser.Name }}'s password
     </div>
diff --git a/assets/pages/create_user.tmpl b/assets/pages/create_user.tmpl
index 442bea9..41076ef 100644
--- a/assets/pages/create_user.tmpl
+++ b/assets/pages/create_user.tmpl
@@ -1,5 +1,5 @@
 {{ define "user" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-account-plus"></i> creating new user
     </div>
diff --git a/assets/pages/delete_user.tmpl b/assets/pages/delete_user.tmpl
index bd638c3..c23cc60 100644
--- a/assets/pages/delete_user.tmpl
+++ b/assets/pages/delete_user.tmpl
@@ -1,5 +1,5 @@
 {{ define "user" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-account-remove"></i> deleting user {{ .SelectedUser.Name }}
     </div>
diff --git a/assets/pages/home.tmpl b/assets/pages/home.tmpl
index 76a10a5..fb734d7 100644
--- a/assets/pages/home.tmpl
+++ b/assets/pages/home.tmpl
@@ -1,5 +1,5 @@
 {{ define "user" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-chart-arc"></i> stats
     </div>
@@ -17,7 +17,7 @@
         </table>
     </div>
 </div>
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-lastfm"></i> last.fm
     </div>
@@ -41,7 +41,7 @@
         {{ end }}
     </div>
 </div>
-<div class="padded box mono">
+<div class="padded box">
     {{ if .User.IsAdmin }}
         {{/* admin panel to manage all users */}}
         <div class="box-title">
@@ -68,7 +68,7 @@
         </div>
     {{ end }}
 </div>
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-folder-multiple"></i> recent folders
     </div>
diff --git a/assets/pages/login.tmpl b/assets/pages/login.tmpl
index 41f6087..6eccc7f 100644
--- a/assets/pages/login.tmpl
+++ b/assets/pages/login.tmpl
@@ -1,5 +1,5 @@
 {{ define "content" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-login-variant"></i> login
     </div>
diff --git a/assets/pages/not_found.tmpl b/assets/pages/not_found.tmpl
index fe0ee3d..2e46801 100644
--- a/assets/pages/not_found.tmpl
+++ b/assets/pages/not_found.tmpl
@@ -1,5 +1,5 @@
 {{ define "content" }}
-<div class="padded mono">
+<div class="padded">
     <div class="text-right">
         page not found
     </div>
diff --git a/assets/pages/update_lastfm_api_key.tmpl b/assets/pages/update_lastfm_api_key.tmpl
index a5f5a40..0bd8061 100644
--- a/assets/pages/update_lastfm_api_key.tmpl
+++ b/assets/pages/update_lastfm_api_key.tmpl
@@ -1,5 +1,5 @@
 {{ define "user" }}
-<div class="padded box mono">
+<div class="padded box">
     <div class="box-title">
         <i class="mdi mdi-key-change"></i> updating last.fm keys
     </div>
diff --git a/assets/static/main.css b/assets/static/main.css
index 12c3a92..69e3c55 100644
--- a/assets/static/main.css
+++ b/assets/static/main.css
@@ -2,6 +2,11 @@
   --pad-size: 1.75rem;
 }
 
+*, span, div, .mdi {
+    font-family: monospace;
+    font-size: 0.8rem;
+}
+
 body {
     max-width: 780px;
     margin: 0 auto;
@@ -27,10 +32,6 @@ table td:first-child::after {
     }
 }
 
-* {
-    font-size: 1rem;
-}
-
 form input[type],
 form select,
 form textarea {
@@ -134,10 +135,6 @@ a:hover {
     margin-left: auto;
 }
 
-.mono {
-    font-family: monospace;
-}
-
 .box-title {
     margin-bottom: 0.5rem;
 }