diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index 84e67fb075f83ea1d303cfbce7e4ba7b0d4ea8b9..6b13dabd4f325a0884a47d221e7297430df7d4f6 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -2,7 +2,7 @@
 @import 'hub-create';
 @import 'info-dialog';
 
-$title-width: 350px;
+$header-section-width: 350px;
 
 * {
   box-sizing: border-box;
@@ -63,14 +63,14 @@ body {
 
   &__title {
     display: flex;
-    width: $title-width;
+    width: $header-section-width;
 
     @media (max-width: 768px) {
       justify-content: center;
     }
 
     @media (max-width: 1024px) {
-      flex: 1 1 350px;
+      flex: 1 1 $header-section-width;
     }
 
     &__name {
@@ -103,8 +103,8 @@ body {
 
   &__experiment {
     text-align: right;
-    flex: 1 1 350px;
-    width: 350px;
+    flex: 1 1 $header-section-width;
+    width: $header-section-width;
     color: $grey-text;
     font-size: 1.0em;
     font-weight: lighter;