diff --git a/src/public/stylesheets/desktop.css b/src/public/stylesheets/desktop.css
index 1a60e7791..deae323c0 100644
--- a/src/public/stylesheets/desktop.css
+++ b/src/public/stylesheets/desktop.css
@@ -10,6 +10,10 @@ body {
     flex-direction: column;
 }
 
+#topbar {
+    display: flex;
+}
+
 .hidden-by-zen-mode {
     display: none !important;
 }
@@ -62,14 +66,14 @@ body {
     flex-direction: column;
 }
 
-#header {
+#toolbar {
     background-color: var(--header-background-color);
     display: flex;
     align-items: center;
     padding-top: 4px;
 }
 
-#header button {
+#toolbar button {
     padding: 1px 5px 1px 5px;
     font-size: smaller;
     margin-bottom: 2px;
@@ -78,12 +82,12 @@ body {
     border-color: transparent !important;
 }
 
-#header button.btn-sm .bx {
+#toolbar button.btn-sm .bx {
     position: relative;
     top: 1px;
 }
 
-#header button:hover {
+#toolbar button:hover {
     border-color: var(--button-border-color) !important;
 }
 
diff --git a/src/views/desktop.ejs b/src/views/desktop.ejs
index ad400e50c..b6de9ef4e 100644
--- a/src/views/desktop.ejs
+++ b/src/views/desktop.ejs
@@ -11,7 +11,7 @@
 <div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
 
 <div id="container" style="display: none;">
-    <div style="display: flex;">
+    <div id="topbar">
         <div id="global-menu-wrapper">
             <div class="dropdown" id="global-menu">
                 <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle">
@@ -96,7 +96,7 @@
         </div>
     </div>
 
-    <div id="header" class="hide-in-zen-mode">
+    <div id="toolbar" class="hide-in-zen-mode">
         <div id="history-navigation" style="display: none;">
             <a id="history-back-button" title="Go to previous note." class="icon-action bx bx-left-arrow-circle"></a>