diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 627c35355..c05ca1923 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,7 +17,7 @@
         "filesize": "^10.1.2",
         "marked": "^12.0.2",
         "moment": "^2.30.1",
-        "pankow": "^1.6.1",
+        "pankow": "^1.6.3",
         "pankow-viewers": "^1.0.0",
         "superagent": "^9.0.2",
         "vue": "^3.4.27",
@@ -1212,9 +1212,9 @@
       }
     },
     "node_modules/pankow": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/pankow/-/pankow-1.6.1.tgz",
-      "integrity": "sha512-Slv3stpQBwk4zN5hNG5+3PUnT+lIPtYoT8o53pDUBqf78ih/o0pu8tJ8DR0eiVvyt0Ea6qSodyDohmnWv0rNnQ==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/pankow/-/pankow-1.6.3.tgz",
+      "integrity": "sha512-oWX3QaoM5XAXeV0Ow5ZyQi1A3+kknIT2vameb4V/S5Gq384mBU4rG3m5Wcu9GB0/c9MK0z1Qf8afRzNwwPVJCA==",
       "dependencies": {
         "@fontsource/noto-sans": "^5.0.22",
         "@fortawesome/fontawesome-free": "^6.5.2",
diff --git a/frontend/package.json b/frontend/package.json
index ddc9c3402..d2d5a27d5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -18,7 +18,7 @@
     "filesize": "^10.1.2",
     "marked": "^12.0.2",
     "moment": "^2.30.1",
-    "pankow": "^1.6.1",
+    "pankow": "^1.6.3",
     "pankow-viewers": "^1.0.0",
     "superagent": "^9.0.2",
     "vue": "^3.4.27",
diff --git a/frontend/src/components/Terminal.vue b/frontend/src/components/Terminal.vue
index 38065cb3c..22567463e 100644
--- a/frontend/src/components/Terminal.vue
+++ b/frontend/src/components/Terminal.vue
@@ -194,7 +194,7 @@ export default {
       this.busyRestart = false;
     },
     async connect(retry = false) {
-      document.getElementsByClassName('cloudron-layout-body')[0].innerHTML = '';
+      document.getElementsByClassName('pankow-main-layout-body')[0].innerHTML = '';
 
       let execId;
       try {
@@ -206,7 +206,7 @@ export default {
       }
 
       this.terminal = new Terminal();
-      this.terminal.open(document.getElementsByClassName('cloudron-layout-body')[0]);
+      this.terminal.open(document.getElementsByClassName('pankow-main-layout-body')[0]);
 
       if (retry) this.terminal.writeln('Reconnecting...');
       else this.terminal.writeln('Connecting...');
diff --git a/frontend/src/style.css b/frontend/src/style.css
index f4e670b88..029fc7b3b 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -6,6 +6,7 @@ html, body {
   padding: 0;
   margin: 0;
   background-color: #e5e5e5;
+  color: var(--pankow-text-color);
 }
 
 h1 {
@@ -33,6 +34,5 @@ a:hover, a:focus {
 @media (prefers-color-scheme: dark) {
   body {
     background-color: black;
-    color: var(--pankow-color-light-dark);
   }
 }
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index cb587cd4a..ab6d46f71 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -47,6 +47,7 @@
       <div class="main-view">
         <div class="main-view-col">
           <DirectoryView
+            class="directory-view"
             :show-owner="true"
             :show-size="true"
             :show-modified="true"
@@ -73,7 +74,7 @@
           />
         </div>
         <div class="main-view-col" style="max-width: 300px;">
-          <div class="title-bar">
+          <div class="side-bar-title">
             <a v-show="appLink" :href="appLink" target="_blank">{{ title }}</a>
             <span v-show="!appLink">{{ title }}</span>
           </div>
@@ -590,23 +591,13 @@ export default {
   overflow: hidden;
   height: 100%;
   display: flex;
-  padding: 0 10px
+  padding: 0 10px;
 }
 
-.title-bar {
+.side-bar-title {
   text-align: center;
   font-size: 20px;
   margin-bottom: 20px;
-  color: #607d8b;
-}
-
-.title-bar > a {
-  color: #607d8b;
-}
-
-.title-bar > a:hover {
-  color: black;
-  text-decoration: none;
 }
 
 .main-view-col {