diff --git a/src/css/console.css b/src/css/console.css
index 8c9c642..bd54fb3 100644
--- a/src/css/console.css
+++ b/src/css/console.css
@@ -4,6 +4,8 @@
     top: 0;
     z-index: 1;
     padding-top: 1em;
+    background-color: var(--aside-bar-background);
+    padding-bottom: 8px;
   }
 
   & .console-type {
@@ -45,7 +47,7 @@
       background: rgb(235, 189, 189);
       border: 2px solid rgb(204, 0, 0);
       color: black;
-      padding-top: 0.5em
+      padding-top: 0.5em;
     }
 
     & .error::before {
@@ -55,51 +57,51 @@
     }
 
     & .log-log {
-      color: var(--log-log)
+      color: var(--log-log);
     }
 
     & .log-info {
-      color: var(--log-info)
+      color: var(--log-info);
     }
 
     & .log-error {
-      color: var(--log-error)
+      color: var(--log-error);
     }
 
     & .log-warn {
-      color: var(--log-warn)
+      color: var(--log-warn);
     }
 
     & .log-debug {
-      color: var(--log-debug, #ab47bc)
+      color: var(--log-debug, #ab47bc);
     }
 
     & .log-table {
-      color: var(--log-table, #66bb6a)
+      color: var(--log-table, #66bb6a);
     }
 
     & .log-count {
-      color: var(--log-count, #26c6da)
+      color: var(--log-count, #26c6da);
     }
 
     & .log-trace {
-      color: var(--log-trace, #8d6e63)
+      color: var(--log-trace, #8d6e63);
     }
 
     & .log-dir {
-      color: var(--log-dir, #78909c)
+      color: var(--log-dir, #78909c);
     }
 
     & .log-dirxml {
-      color: var(--log-dirxml, #78909c)
+      color: var(--log-dirxml, #78909c);
     }
 
     & .log-time {
-      color: var(--log-time, #ffd54f)
+      color: var(--log-time, #ffd54f);
     }
 
     & .log-assert {
-      color: var(--log-assert, #ff7043)
+      color: var(--log-assert, #ff7043);
     }
   }
 
@@ -137,17 +139,17 @@
   }
 
   .console-fn::before {
-    content: "ƒ ";
+    content: 'ƒ ';
     font-style: italic;
     color: #ce9178;
   }
 
   .console-async-fn::before {
-    content: "async ƒ ";
+    content: 'async ƒ ';
   }
 
   .console-generator-fn::before {
-    content: "ƒ* ";
+    content: 'ƒ* ';
   }
 
   .console-badge {
diff --git a/src/css/history.css b/src/css/history.css
index 3963cf4..a00b085 100644
--- a/src/css/history.css
+++ b/src/css/history.css
@@ -5,6 +5,8 @@
     z-index: 1;
     padding-top: 1em;
     padding-left: 0.5em;
+    background-color: var(--aside-bar-background);
+    padding-bottom: 8px;
   }
 
   & .history-item {
@@ -37,7 +39,9 @@
       color: #fff;
       cursor: pointer;
       padding: 6px 8px 6px 6px;
-      transition: 0.2s ease background-color, 0.2s ease scale;
+      transition:
+        0.2s ease background-color,
+        0.2s ease scale;
       border-radius: 4px;
 
       &:hover {
@@ -129,7 +133,9 @@
         gap: 6px;
 
         & button {
-          transition: 0.2s ease opacity, 0.2s ease scale;
+          transition:
+            0.2s ease opacity,
+            0.2s ease scale;
           border: none;
           background: none;
           color: #fff;
@@ -149,10 +155,8 @@
             width: 18px;
             height: 18px;
           }
-
         }
       }
     }
-
   }
-}
\ No newline at end of file
+}
diff --git a/src/css/skypack.css b/src/css/skypack.css
index e487a52..463cce8 100644
--- a/src/css/skypack.css
+++ b/src/css/skypack.css
@@ -4,6 +4,7 @@
     top: 0;
     z-index: 1;
     padding-top: 1em;
+    background-color: var(--aside-bar-background);
   }
 
   & .skypack-type {