diff --git a/blueocean-dashboard/package.json b/blueocean-dashboard/package.json
index 4838c70f..5e493d59 100644
--- a/blueocean-dashboard/package.json
+++ b/blueocean-dashboard/package.json
@@ -35,7 +35,7 @@
     "skin-deep": "^0.16.0"
   },
   "dependencies": {
-    "@jenkins-cd/design-language": "0.0.64",
+    "@jenkins-cd/design-language": "0.0.65",
     "@jenkins-cd/js-extensions": "0.0.19",
     "@jenkins-cd/js-modules": "0.0.5",
     "@jenkins-cd/sse-gateway": "0.0.6",
diff --git a/blueocean-dashboard/src/main/js/components/Step.jsx b/blueocean-dashboard/src/main/js/components/Step.jsx
index 22869df3..764909c6 100644
--- a/blueocean-dashboard/src/main/js/components/Step.jsx
+++ b/blueocean-dashboard/src/main/js/components/Step.jsx
@@ -108,7 +108,7 @@ export default class Node extends Component {
             resultRun.toLowerCase() === 'failure'
             || (resultRun.toLowerCase() === 'running' && followAlong)
         ;
-        return (<div>
+        return (<div className="logConsole">
             <ResultItem
               key={id}
               result={runResult}
@@ -122,7 +122,11 @@ export default class Node extends Component {
                   logArray={log.logArray}
                   scrollToBottom={scrollToBottom}
                   prefix={`step-${id}-`}
-                /> } &nbsp;
+                /> }
+
+                { !log && <span>
+                    &nbsp;
+                </span> }
             </ResultItem>
       </div>);
     }
diff --git a/blueocean-dashboard/src/main/less/core.less b/blueocean-dashboard/src/main/less/core.less
index 2cbea83d..f12758a7 100644
--- a/blueocean-dashboard/src/main/less/core.less
+++ b/blueocean-dashboard/src/main/less/core.less
@@ -10,10 +10,10 @@
     height: 100%;
     box-sizing: border-box;
     z-index: 1000;
-    
+
     &.not-found {
         background: @blueocean-blue;
-        
+
         &:before {
             content: '';
             background: url('./icons/kanagawa.svg') no-repeat bottom left;
@@ -29,7 +29,7 @@
             height: 100%;
         }
     }
-    
+
     .message-box {
         position: absolute;
         top: 50%;
@@ -40,7 +40,7 @@
         padding: 2em;
         border-radius: .2em;
         box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
-        
+
         .message {
             margin: 1em 0 2em 0;
         }
@@ -158,3 +158,9 @@
   display: flex;
   align-items: center;
 }
+
+.logConsole .result-item-children {
+    background-color: @pre-bg;
+    border: none;
+    padding: 0;
+}
diff --git a/blueocean-dashboard/src/main/less/variables.less b/blueocean-dashboard/src/main/less/variables.less
index ba8357fc..2c1d9505 100644
--- a/blueocean-dashboard/src/main/less/variables.less
+++ b/blueocean-dashboard/src/main/less/variables.less
@@ -1,2 +1,4 @@
 @blueocean-blue: #4A90E2;
 @blueocean-blue-darkened: darken(@blueocean-blue, 20%);
+@gray-base: #000;
+@pre-bg: lighten(@gray-base, 20%);   // #333
diff --git a/blueocean-web/package.json b/blueocean-web/package.json
index be0f2894..4e4cdf69 100644
--- a/blueocean-web/package.json
+++ b/blueocean-web/package.json
@@ -25,7 +25,7 @@
     "zombie": "^4.2.1"
   },
   "dependencies": {
-    "@jenkins-cd/design-language": "0.0.64",
+    "@jenkins-cd/design-language": "0.0.65",
     "@jenkins-cd/js-extensions": "0.0.19",
     "@jenkins-cd/js-modules": "0.0.5",
     "history": "2.0.2",