diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 270cfdde..867a01f8 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -117,6 +117,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function';
       align-items: center;
       color: rgba(255, 255, 255, .5);
       display: flex;
+      font-family: Consolas, monospace;
       font-size: 12px;
       font-weight: normal;
       justify-content: space-between;
@@ -153,7 +154,6 @@ import { fuzzySearch } from './shared/fuzzy-search.function';
       display: flex;
       padding: 4px 3px;
       width: 100%;
-      transition: background 0.2s ease-out;
     }
 
     .command-bar__scenario-link:hover,
@@ -245,7 +245,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function';
     }
 
     /* Content */
-    .content {
+    .content__none {
       align-items: center;
       border: 0;
       display: flex;
@@ -255,19 +255,20 @@ import { fuzzySearch } from './shared/fuzzy-search.function';
       width: 100%;
     }
 
-    .content__none {
+    .content__none-message {
       font-family: Consolas, monospace;
       max-width: 50%;
+      text-align: center;
     }
 
-    .content__none em {
+    .content__none-message em {
       color: #666;
     }
 
   `],
   template: `
     <div class="shield" *ngIf="commandBarActive" (click)="toggleCommandBar()"></div>
-    <div class="command-bar" *ngIf="commandBarActive" [class.command-bar--open]="commandBarActive">
+    <div class="command-bar" [class.command-bar--open]="commandBarActive">
       <input
         class="command-bar__filter"
         type="text"
@@ -978,15 +979,17 @@ import { fuzzySearch } from './shared/fuzzy-search.function';
     </div>
     <section class="content">
       <div class="content__none" *ngIf="!selectedSandboxAndScenarioKeys.sandboxKey">
-        <p *ngIf="totalSandboxes > 0">
-          The playground has {{totalSandboxes}} sandboxed component{{totalSandboxes > 1 ? 's' : ''}}.
-        </p>
-        <p *ngIf="totalSandboxes === 0">
-          The playground does not have any sandboxed components.
-        </p>
-        <p>
-          Search sandboxed components: <strong>ctrl + o</strong> <em>or</em> <strong>F1</strong>
-        </p>
+        <div class="content__none-message">
+          <p *ngIf="totalSandboxes > 0">
+            The playground has {{totalSandboxes}} sandboxed component{{totalSandboxes > 1 ? 's' : ''}}.
+          </p>
+          <p *ngIf="totalSandboxes === 0">
+            The playground does not have any sandboxed components.
+          </p>
+          <p>
+            Search sandboxed components: <strong>ctrl + o</strong> <em>or</em> <strong>F1</strong>
+          </p>
+        </div>
       </div>
       <ng-container *ngIf="selectedSandboxAndScenarioKeys.sandboxKey">
         <ap-scenario [selectedSandboxAndScenarioKeys]="selectedSandboxAndScenarioKeys"></ap-scenario>