diff --git a/client/public/stylesheets/layout.css b/client/public/stylesheets/layout.css
index 2626f03f..6fe29e9e 100644
--- a/client/public/stylesheets/layout.css
+++ b/client/public/stylesheets/layout.css
@@ -36,10 +36,19 @@ body {
 	z-index: 1000;
 }
 
-.content #primary-toolbar {
-	position: static;
+#olympus-toolbar-summary {
+	background-image: url( "/images/icon-round.png" );
+	background-position: 25px 20px;
+	background-repeat: no-repeat;
+	background-size:36px 36px;
+	display: flex;
+	flex-direction: column;
+	text-indent: 44px;
 }
 
+
+
+
 #unit-control-panel {
 	height: fit-content;
 	left: 10px;
diff --git a/client/public/stylesheets/olympus.css b/client/public/stylesheets/olympus.css
index 597d8ab6..995240ae 100644
--- a/client/public/stylesheets/olympus.css
+++ b/client/public/stylesheets/olympus.css
@@ -42,6 +42,15 @@
 }
 
 
+a {
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+
 html {
     font-family: 'Open Sans', sans-serif;
 }
@@ -160,7 +169,7 @@ button[disabled="disabled"] {
 
 
 
-.ol-select>.ol-select-options>div {
+.ol-select>.ol-select-options > div {
     background-color: var(--background-grey);
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
     display: flex;
@@ -187,10 +196,12 @@ button[disabled="disabled"] {
     width: 100%;
 }
 
-.ol-select>.ol-select-options div button {
+.ol-select>.ol-select-options > div a, .ol-select>.ol-select-options > div button {
     background-color: transparent;
     border: none;
     border-radius: 0;
+    color: white;
+    display:block;
     font-size: 14px;
     font-weight: normal;
     padding: 6px 2px;
@@ -199,7 +210,7 @@ button[disabled="disabled"] {
     width: 100%;
 }
 
-.ol-select>.ol-select-options>div button:hover {
+.ol-select>.ol-select-options > div a:hover, .ol-select>.ol-select-options > div button:hover {
     text-decoration: underline;
 }
 
diff --git a/client/src/index.ts b/client/src/index.ts
index c0084e7f..266490d7 100644
--- a/client/src/index.ts
+++ b/client/src/index.ts
@@ -178,7 +178,7 @@ function setupEvents() {
 
         //  Do open/close toggle
         select.addEventListener("click", ev => {
-            ev.preventDefault();
+
             ev.stopPropagation();
             select.classList.toggle("is-open");
         });
diff --git a/client/views/navbar.ejs b/client/views/navbar.ejs
index 3b556dab..303d1514 100644
--- a/client/views/navbar.ejs
+++ b/client/views/navbar.ejs
@@ -6,39 +6,14 @@
         </div>  
         <div class="ol-select-options">
             <div id="olympus-toolbar-summary">
-                <h2>Olympus</h2>
-                <p>v0.1.0</p>
+                <h3>Olympus</h3>
+                <div class="accent-green">v0.1.0</div>
             </div>
             <div>
-                <div class="ol-select">
-                    <div class="ol-select-value">Current mode</div>
-                    <div class="ol-select-options">
-                        <div>
-                            <button title="Switch to Mode A">Mode A</button>
-                        </div>
-                        <div>
-                            <button title="Switch to Mode B">Mode B</button>
-                        </div>
-                        <div>
-                            <button title="Switch to Mode C">Mode C</button>
-                        </div>
-                    </div>
-                </div>
+                <a href="https://www.discord.com" target="_blank">Discord</a>
             </div>
             <div>
-                <hr />
-            </div>
-            <div>
-                <button>Preferences</button>
-            </div>
-            <div>
-                <button>Help and support</button>
-            </div>
-            <div>
-                <hr />
-            </div>
-            <div>
-                <button>Exit Olympus</button>
+                <a href="https://github.com/Pax1601/DCSOlympus" target="_blank">Github</a>
             </div>
         </div>
     </div>