diff --git a/app/styles/app/main/log.sass b/app/styles/app/main/log.sass
index f20172ab..bbf8d082 100644
--- a/app/styles/app/main/log.sass
+++ b/app/styles/app/main/log.sass
@@ -248,3 +248,6 @@
   @media #{$medium-up}
     height: 70px
     line-height: 70px
+
+.log-container.hidden
+  display: none
diff --git a/app/templates/components/log-content.hbs b/app/templates/components/log-content.hbs
index dee27c71..4a21dd2d 100644
--- a/app/templates/components/log-content.hbs
+++ b/app/templates/components/log-content.hbs
@@ -25,8 +25,10 @@
   {{/if}}
 
   {{#if job.notStarted}}
-    <div class="log-notice">Hang tight, the log cannot be shown until the build has started.</div>
-  {{else}}
+    <div class="log-notice {{if logStarted 'hidden'}}">Hang tight, the log cannot be shown until the build has started.</div>
+  {{/if}}
+
+  <div class="log-container {{if job.notStarted 'hidden'}}">
     <a  href="#" class="toggle-log-button {{if logIsVisible 'hidden'}}" title="Display the log" {{action "toggleLog"}}>
       {{eye-icon}}
       <span class="label-align">View log</span></a>
@@ -62,11 +64,12 @@
         {{/if}}
       </div>
     </div>
+
     {{#if limited}}
       <p class="warning">
         This log is too long to be displayed. Please reduce the verbosity of your
         build or download the <a href={{plainTextLogUrl}}>raw log</a>.
       </p>
     {{/if}}
-  {{/if}}
+  </div>
 </section>