diff --git a/assets/img/logo_light.svg b/assets/img/logo_light.svg
new file mode 100644
index 0000000..a8a165e
--- /dev/null
+++ b/assets/img/logo_light.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="logo-light.svg"
+   id="svg835"
+   version="1.1"
+   viewBox="0 0 640 512"
+   role="img"
+   class="svg-inline--fa fa-laptop-code fa-w-20"
+   data-icon="laptop-code"
+   data-prefix="fas"
+   focusable="false"
+   aria-hidden="true">
+  <metadata
+     id="metadata841">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs839" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg835"
+     inkscape:window-maximized="1"
+     inkscape:window-y="25"
+     inkscape:window-x="56"
+     inkscape:cy="256"
+     inkscape:cx="320"
+     inkscape:zoom="1.1125"
+     showgrid="false"
+     id="namedview837"
+     inkscape:window-height="997"
+     inkscape:window-width="1624"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     style="fill:#f0f0f0;fill-opacity:0.95999998"
+     id="path833"
+     d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z"
+     fill="currentColor" />
+</svg>
diff --git a/assets/template/index.html b/assets/template/index.html
index d10641d..cbc1641 100644
--- a/assets/template/index.html
+++ b/assets/template/index.html
@@ -18,12 +18,11 @@
 
 <body>
   <header>
-    <nav class="navbar navbar-dark bg-dark shadow-sm navbar-xs">
+    <nav class="navbar navbar-dark shadow-sm navbar-xs" style="background-color: #002f55;">
       <div class="container-fluid">
         <a class="navbar-brand mx-auto" href="https://github.com/syssecfsu/witty" target="_blank">
-          <h3>
-            <!-- <img src="/assets/img/logo.svg" style="margin-right: 0.5rem;" height="32"> -->
-          WiTTY: Web-based interactive TTY</h3>
+            <img src="/assets/img/logo_light.svg" style="margin-right: 0.5rem;" height="24">
+            WiTTY: Web-based interactive TTY
         </a>
         <div class="btn-toolbar float-end" role="toolbar" aria-label="top buttons">
           <form action="/new" method="post" target="_blank" onsubmit="setTimeout(function(){refresh(true)}, 1000)">
@@ -44,11 +43,11 @@
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <div class="modal-body bg-light">
-            <div class="mb-3">
-              <label for="new_name"><strong>Rename</strong></label>
-              <label for="new_name" class="col-form-label"></label>
-              <input type="text" class="form-control" id="new_name">
-            </div>
+          <div class="mb-3">
+            <label for="new_name"><strong>Rename</strong></label>
+            <label for="new_name" class="col-form-label"></label>
+            <input type="text" class="form-control" id="new_name">
+          </div>
         </div>
         <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
@@ -59,7 +58,7 @@
   </div>
 
   <main>
-    <div class="container-fluid" style="margin-top:1em;">
+    <div class="container-fluid" style="margin-top:2em;">
       <ul class="nav nav-tabs" id="js_sucks" role="tablist">
         <li class="nav-item" role="presentation">
           <button class="nav-link bg-light active" id="interactive-tab" data-bs-toggle="tab"
@@ -158,7 +157,6 @@
         refresh(true)
       }, 20);
     }
-
   </script>
 
 </body>
