diff --git a/ui/src/app/tasks-jobs/executions/execution/log/log.component.ts b/ui/src/app/tasks-jobs/executions/execution/log/log.component.ts
index 4aadd3b5f..c293bfdbd 100644
--- a/ui/src/app/tasks-jobs/executions/execution/log/log.component.ts
+++ b/ui/src/app/tasks-jobs/executions/execution/log/log.component.ts
@@ -8,7 +8,7 @@ import {TaskExecution} from '../../../../shared/model/task-execution.model';
   template: ` <clr-modal [(clrModalOpen)]="isOpen" *ngIf="isOpen" clrModalSize="xl">
     <h3 class="modal-title">{{ title }}</h3>
     <div class="modal-body" style="padding:0;">
-      <div class="clr-log" style="margin: 0;padding:0" *ngIf="!loading && logs">
+      <div class="clr-log" *ngIf="!loading && logs">
         <pre style="margin:0"><code>{{logs}}</code></pre>
       </div>
       <div *ngIf="loading">
diff --git a/ui/src/scss/styles.scss b/ui/src/scss/styles.scss
index 81d128669..98d976c2a 100644
--- a/ui/src/scss/styles.scss
+++ b/ui/src/scss/styles.scss
@@ -64,17 +64,17 @@ h1:not([cds-text]) {
 }
 
 .clr-log {
-  padding: 1rem 0;
+  padding: 0;
   max-height: inherit;
+  margin: 0;
 
   pre {
-    overflow: auto;
-    max-height: inherit;
+    max-height: 60vh;
     background: var(--clr-header-6-bg-color, #00364d);
     padding: 1rem;
     color: var(--clr-header-title-color, #fafafa);
     border: 0 none;
-    margin: 0;
+    overflow: auto;
   }
 }