diff --git a/app/assets/stylesheets/framework/files.scss b/app/assets/stylesheets/framework/files.scss
index 8535db472cd1a71cbee7f565342dd84a9f1879b2..3168eaf8bc3c8909eb41d08c86b3e241ba411c88 100644
--- a/app/assets/stylesheets/framework/files.scss
+++ b/app/assets/stylesheets/framework/files.scss
@@ -246,7 +246,7 @@ span.idiff {
     border-bottom: 1px solid $border-color;
     padding: $gl-padding-8 $gl-padding;
     margin: 0;
-    min-height: px-to-rem(42px);
+    min-height: px-to-rem($file-header-height);
     border-radius: $border-radius-default $border-radius-default 0 0;
 
     @include media-breakpoint-up(md) {
diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss
index 31948762972cda69dd71712fada4a3e72c3f1299..b5ddae8a859d036af53fd8b3fe0a2299499cb246 100644
--- a/app/assets/stylesheets/framework/variables.scss
+++ b/app/assets/stylesheets/framework/variables.scss
@@ -229,6 +229,7 @@ $gl-line-height-18: 18px;
 $gl-line-height-20: 20px;
 $gl-line-height-24: 24px;
 $gl-line-height-14: 14px;
+$file-header-height: 42px;
 
 /*
  * Calculated heights
diff --git a/app/assets/stylesheets/page_bundles/build.scss b/app/assets/stylesheets/page_bundles/build.scss
index 47b1f413e10472d49776cb4642c120bb729e3f8c..80f93f08e90aac14716a0010c408dad1ae77bbef 100644
--- a/app/assets/stylesheets/page_bundles/build.scss
+++ b/app/assets/stylesheets/page_bundles/build.scss
@@ -175,7 +175,7 @@
   word-wrap: break-word;
   color: color-yiq($builds-log-bg);
   border-radius: 0 0 $border-radius-default $border-radius-default;
-  min-height: 42px;
+  @include gl-min-h-8;
   background-color: $builds-log-bg;
 }