diff --git a/dashboard/src/index.js b/dashboard/src/index.js
index f9049876f..40826c8bb 100644
--- a/dashboard/src/index.js
+++ b/dashboard/src/index.js
@@ -1,6 +1,11 @@
 import { createApp } from 'vue';
 
-import '@fontsource/inter';
+// import "@fontsource/inter/100.css"; // Specify weight
+// import "@fontsource/inter/200.css"; // Specify weight
+// import "@fontsource/inter/300.css"; // Specify weight
+import "@fontsource/inter/400.css"; // Specify weight
+import "@fontsource/inter/500.css"; // Specify weight
+// import "@fontsource/inter/600.css"; // Specify weight
 
 import { tooltip, fallbackImage } from '@cloudron/pankow';
 
diff --git a/dashboard/src/style.css b/dashboard/src/style.css
index c4d32336a..6bf7bbaff 100644
--- a/dashboard/src/style.css
+++ b/dashboard/src/style.css
@@ -4,6 +4,8 @@
   --card-background: #f7f7f8;
   --navbar-background: #f3f4f6;
   --pankow-text-color: black;
+  --font-weight-normal: 400;
+  --font-weight-bold: 500;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -19,7 +21,7 @@
 html, body {
   font-size: 14px; /* this also defines the overall widget size as all sizes are in rem */
   font-family: var(--font-family);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal);
   height: 100%;
   width: 100%;
   padding: 0;
@@ -37,7 +39,7 @@ html, body {
 }
 
 b {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 .shadow {
@@ -50,7 +52,7 @@ b {
 
 h1, h2, h3, h4, h5 {
   font-family: var(--font-family--header);
-  font-weight: 400;
+  font-weight: var(--font-weight-bold);
 }
 
 h1 {
@@ -190,7 +192,7 @@ form .pankow-checkbox {
 }
 
 .text-bold {
-  font-weight: bold;
+  font-weight: 500;
 }
 
 .text-small {
@@ -205,14 +207,14 @@ form .pankow-checkbox {
 .warning-label {
   margin-top: 6px;
   color: #8a6d3b;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   font-size: 12px;
 }
 
 .error-label {
   margin-top: 6px;
   color: var(--pankow-color-danger);
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   font-size: 12px;
 }
 
@@ -264,7 +266,7 @@ form .pankow-checkbox {
 }
 
 .info-label {
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   text-wrap: nowrap;
 }