diff --git a/resources/assets/stylesheets/scss/index.scss b/resources/assets/stylesheets/scss/index.scss
index b260e4ed0419d991b6f2d7e3275a860aa82115f0..ad9b020df65e54f1d77dfe257ca08e57b6cfab0c 100644
--- a/resources/assets/stylesheets/scss/index.scss
+++ b/resources/assets/stylesheets/scss/index.scss
@@ -3,7 +3,7 @@ body {
 }
 
 $login-page-margin: 50px;
-$gap-between-boxes: ($login-page-margin / 2);
+$gap-between-boxes: calc($login-page-margin / 2);
 
 #main-header {
     grid-column: 1 / 3;