diff --git a/resources/assets/sass/_variables.scss b/resources/assets/sass/_variables.scss
index 46639fe6b..290c47165 100644
--- a/resources/assets/sass/_variables.scss
+++ b/resources/assets/sass/_variables.scss
@@ -5,6 +5,7 @@ $body-bg: #f5f8fa;
 // Typography
 $font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 $font-size-base: 0.9rem;
+$font-weight-lighter: 300;
 $line-height-base: 1.6;
 
 $font-size-lg: ($font-size-base * 1.25);
@@ -19,4 +20,4 @@ $custom-control-description-disabled-color: #868e96;
 $white: white;
 $theme-colors: (
   'primary': #08d
-);
\ No newline at end of file
+);
diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 7238c929a..6b447ad1f 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -132,6 +132,10 @@ body, button, input, textarea {
     background-color: rgba(0,0,0,0.5);
 }
 
+.font-weight-lighter {
+    font-weight: 300 !important
+}
+
 .font-weight-ultralight {
     font-weight: 200 !important;
 }