diff --git a/lfogui.css b/lfogui.css
index d2f53b0..ea06320 100644
--- a/lfogui.css
+++ b/lfogui.css
@@ -38,22 +38,23 @@ body {
 .header {
     display: flex;
     flex-flow: row nowrap;
-    justify-content: flex-start;
+    justify-content: space-between;
     align-items: center;
     margin: 1em;
+    border-bottom: 1px solid var(--active);
 }
 
 .header button {
-    background-color: var(--background);
     border: 1px solid var(--active);
     color: var(--active);
+    background-color: white;
     padding: 4px;
     text-align: center;
     display: inline-block;
-    font-size: 13px;
     padding: 0.5em;
     margin: 4px;
-    border-radius: 25px;
+    font-size: 0.9em;
+    min-width: 4.5em;
 }
 
 td button {
diff --git a/lfogui.html b/lfogui.html
index 6151e8e..b30117e 100644
--- a/lfogui.html
+++ b/lfogui.html
@@ -7,23 +7,21 @@
 -->
 
 <head>
-  <link rel="stylesheet" href="./lfogui.css">
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="./lfogui.css">
 </head>
 
 <body>
-  <div id="lfo-container"></div>
+    <div id="lfo-container"></div>
 
-  <script src="./react.js"></script>
-  <script src="./react-dom.js"></script>
-  <script src="./moment.js"></script>
-  <script src="./common.js"></script>
-  <script src="./enums.js"></script>
-  <script src="./modulators.js"></script>
-  <script src="./lfogui.js">
-  
-    
-  </script>
+    <script src="./react.js"></script>
+    <script src="./react-dom.js"></script>
+    <script src="./moment.js"></script>
+    <script src="./common.js"></script>
+    <script src="./enums.js"></script>
+    <script src="./modulators.js"></script>
+    <script src="./lfogui.js"></script>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/lfogui.js b/lfogui.js
index 6cbbe35..f8f0092 100644
--- a/lfogui.js
+++ b/lfogui.js
@@ -84,7 +84,7 @@ function MasterLfoHandler() {
             return content
     }
 
-    let toggleEnabledText = enabled ? "Hide" : "Show";
+    let toggleEnabledText = enabled ? `Hide \u{25BE}` : `Show \u{25B8}`;
 
     /// MODULATOR ARRAYS
     let userDefinedWavesBase = [];
@@ -576,9 +576,11 @@ function MasterLfoHandler() {
 
     return e('div', null,
         e('div', { className: 'header' },
-            displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.MOD), className: modButtonClass}, 'Modulators')),
-            displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.ENUM), className: enumButtonClass }, 'Enumerators')),
-            e('button', { onClick: toggleEnabled, }, toggleEnabledText),
+            e('div', {className: 'nav'}, 
+                displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.MOD), className: modButtonClass}, 'Modulators')),
+                displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.ENUM), className: enumButtonClass }, 'Enumerators'))
+            ),
+            e('button', { onClick: toggleEnabled, id: 'hide-button'}, toggleEnabledText),
 
             //allows lock mode
             //e('span', { className: lockClass, onClick: toggleLockMode }, null) 
