diff --git a/assets/index.html b/assets/index.html
index 329d462..21362eb 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -20,8 +20,8 @@
   <header>
     <nav class="navbar navbar-dark bg-dark shadow-sm navbar-xs">
       <div class="container-fluid">
-        <a class="navbar-brand" href="https://github.com/syssecfsu/witty" target="_blank">
-          <img src="/assets/logo.svg" style="margin-left: 2rem;margin-right: 0.5rem;" height="32"
+        <a class="navbar-brand mx-auto" href="https://github.com/syssecfsu/witty" target="_blank">
+          <img src="/assets/logo.svg" style="margin-right: 0.5rem;" height="32"
             class="d-inline-block align-text-top">
           WiTTY: Web-based interactive TTY
         </a>
diff --git a/assets/main.css b/assets/main.css
index a3dd91d..36ee561 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -27,28 +27,12 @@
     background-color: #ffffff20;
 }
 
-.banner {
-    position: absolute;
-    top: 0;
-    left: 0;
-    background-color: #0b0b33;
-    width: 100%;
-}
-
-.banner-content {
-    font-family: sans-serif;
-    font-size: 22px;
-    padding: 0.5rem;
-    color: #ffffffff;
-    text-align: center;
-}
-
 .navbar-xs .navbar-brand {
     padding: 0px 12px;
-    font-size: 22px;
+    font-size: 20px;
 }
 
 .navbar-xs .navbar-nav>li>a {
     padding-top: 0px;
     padding-bottom: 0px;
-}
\ No newline at end of file
+}
diff --git a/assets/term.html b/assets/term.html
index f102d12..fa7268c 100644
--- a/assets/term.html
+++ b/assets/term.html
@@ -4,10 +4,6 @@
 <head>
   <meta charset="UTF-8" />
 
-<!--   <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans&display=swap" rel="stylesheet"> -->
-
   <script src="/assets/external/xterm.js"></script>
   <script src="/assets/external/xterm-addon-attach.js"></script>
   <script src="/assets/external/xterm-addon-fit.js"></script>
@@ -16,17 +12,26 @@
   <script src="/assets/main.js"></script>
 
   <link rel="stylesheet" href="/assets/external/xterm.css" />
+  <link href="/assets/external/bootstrap.min.css" rel="stylesheet">
   <link rel="stylesheet" href="/assets/main.css" />
 
-  <title>WiTTY: {{.title}}</title>
+  <title>{{.title}}</title>
 </head>
 
 <body>
-  <div class="banner">
-    <div class="banner-content">
-      WiTTY: {{.title}}
-    </div>
-  </div>
+  <header>
+    <nav class="navbar navbar-dark bg-dark shadow-sm navbar-xs">
+      <div class="container-fluid">
+        <a class="navbar-brand mx-auto" href="https://github.com/syssecfsu/witty" target="_blank">
+          <img src="/assets/logo.svg" style="margin-right: 0.5rem;" height="28"
+            class="d-inline-block align-text-top">
+          {{.title}}
+        </a>
+        <!-- <a class="btn btn-primary btn-sm float-end" href="/new" role="button">New Session</a> -->
+      </div>
+    </nav>
+  </header>
+
 
   <div style="margin-top: 5em;">
     <div id="terminal">
