diff --git a/src/public/stylesheets/desktop.css b/src/public/stylesheets/desktop.css
index cb5430304..eada71e04 100644
--- a/src/public/stylesheets/desktop.css
+++ b/src/public/stylesheets/desktop.css
@@ -381,6 +381,14 @@ body {
 
 .hide-sidebar-button {
     color: var(--main-text-color);
+    background: none;
+    border: 1px solid transparent;
+    padding: 2px 8px 2px 8px;
+    border-radius: 2px;
+}
+
+.hide-sidebar-button:hover {
+    border-color: var(--button-border-color);
 }
 
 .note-detail-sidebar {
diff --git a/src/views/sidebar.ejs b/src/views/sidebar.ejs
index 8849711c8..24c83e684 100644
--- a/src/views/sidebar.ejs
+++ b/src/views/sidebar.ejs
@@ -1,6 +1,6 @@
 <div class="note-detail-sidebar hide-toggle" style="width: <%= sidebarWidthPercent %>%; min-width: <%= sidebarMinWidth %>px">
-    <div style="text-align: center; margin-bottom: 10px;">
-        <button class="hide-sidebar-button" style="background: none; border: none;">hide sidebar <span class="bx bx-chevrons-right"></span></button>
+    <div style="text-align: center; margin-bottom: 5px;">
+        <button class="hide-sidebar-button">hide sidebar <span class="bx bx-chevrons-right"></span></button>
     </div>
 
     <div class="note-detail-widget-container"></div>