diff --git a/app/index.html b/app/index.html
index c430196..5fba7f1 100644
--- a/app/index.html
+++ b/app/index.html
@@ -22,17 +22,14 @@
     <div class="topBar">
         <p tabindex="0" class="logo" id="burgerButton"></p>
         <button tabindex="0" class="logo hidden" style="font-size: 17px;margin-left: 0;" onclick="handleGesture()" id="backButton"><img src="/static/svg/arrow-back.svg"></button>
-        <button id="usernameBox" class="usernameBox"><div class="vcenter"><img src="/static/svg/acct-settings.svg"></div></button>
-    </div>
-
-    <div class="bottomBar">
-        <button onclick="toggleMarkdown()" class="markdownButton"></button>
-        <button id="wordCountBox">0 words</button>
-        <div class="textManipulator">
+        <div class="modernToolbar">
             <button id="textMinusBox">-</button>
             <button id="textSizeBox">16px</button>
             <button id="textPlusBox">+</button>
+            <button onclick="toggleMarkdown()" class="markdownButton"></button>
+            <button id="wordCountBox">0 words</button>
         </div>
+        <button id="usernameBox" class="usernameBox"><div class="vcenter"><img src="/static/svg/acct-settings.svg"></div></button>
     </div>
 
     <div id="notesBar" class="notesBar">
diff --git a/static/css/style.css b/static/css/style.css
index 6a256a8..f6b5bf3 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -175,64 +175,6 @@ body {
     display: flex;
 }
 
-.bottomBar {
-    position: fixed;
-    width: 100%;
-    height: 29px;
-    bottom: 0;
-
-    background-color: var(--bar);
-
-    border: solid;
-    border-color: var(--border-color);
-    border-width: 0;
-    border-top-width: 1px;
-    display: flex;
-    text-wrap: nowrap;
-    overflow-x: auto;
-}
-
-.bottomBar button {
-    filter: invert(var(--invertdm));
-    background-color: rgba(0, 0, 0, 0);
-    color: #000000;
-    height: 100%;
-    border: none;
-    font-size: 14px;
-    padding-left: 7.5px;
-    padding-right: 7.5px;
-}
-
-.bottomBar .markdownButton {
-    padding-left: 17.5px;
-    padding-right: 17.5px;
-    background-image: url("../../static/svg/markdown.svg");
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 55%;
-}
-
-.bottomBar .removeButton {
-    padding-left: 17.5px;
-    padding-right: 17.5px;
-    background-image: url("../../static/svg/delete.svg");
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 55%;
-}
-
-.bottomBar .textManipulator {
-    margin-left: auto;
-}
-
-.bottomBar button:hover {
-    background-color: var(--note-button);
-}
-
-.bottomBar .right {
-    float: right;
-}
-
 .burgerDropdown {
     position: fixed;
     z-index: 2;