diff --git a/tubesync/common/static/styles/_fonts.scss b/tubesync/common/static/styles/_fonts.scss
index 66fb854..4548b96 100644
--- a/tubesync/common/static/styles/_fonts.scss
+++ b/tubesync/common/static/styles/_fonts.scss
@@ -1,19 +1,19 @@
 @font-face {
-    font-family: 'roboto-light';
+    font-family: 'roboto';
     src: url('../fonts/roboto/roboto-light.woff') format('woff');
-    font-weight: normal;
+    font-weight: lighter;
     font-style: normal;
 }
 
 @font-face {
-    font-family: 'roboto-regular';
+    font-family: 'roboto';
     src: url('../fonts/roboto/roboto-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
-    font-family: 'roboto-bold';
+    font-family: 'roboto';
     src: url('../fonts/roboto/roboto-bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
diff --git a/tubesync/common/static/styles/_variables.scss b/tubesync/common/static/styles/_variables.scss
index 20ae126..2854a81 100644
--- a/tubesync/common/static/styles/_variables.scss
+++ b/tubesync/common/static/styles/_variables.scss
@@ -1,2 +1,2 @@
-$font-family: 'roboto-regular', Arial, Helvetica, sans-serif;
+$font-family: 'roboto', Arial, Helvetica, sans-serif;
 $font-size: 1.05rem;