diff --git a/src/index.css b/src/index.css
index 86cbac1e..990bb7b4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -122,6 +122,7 @@ body {
   border: 1px solid #444;
   flex-shrink: 0;
   color: #ddd;
+  box-sizing: border-box;
 }
 
 .profile-avatar img {
@@ -138,16 +139,17 @@ body {
   background: transparent;
   color: #ddd;
   border: 1px solid #444;
-  padding: 0.4rem;
+  padding: 0;
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.2s ease;
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 33px;
-  min-height: 33px;
+  width: 33px;
+  height: 33px;
   flex-shrink: 0;
+  box-sizing: border-box;
 }
 
 .sidebar-header-bar .toggle-sidebar-btn:hover {
@@ -166,6 +168,31 @@ body {
   padding-top: 1rem;
 }
 
+.bookmarks-container.collapsed .toggle-sidebar-btn {
+  background: #2a2a2a;
+  color: #ddd;
+  border: 1px solid #444;
+  padding: 0;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 33px;
+  height: 33px;
+  box-sizing: border-box;
+}
+
+.bookmarks-container.collapsed .toggle-sidebar-btn:hover {
+  background: #333;
+  color: #fff;
+}
+
+.bookmarks-container.collapsed .toggle-sidebar-btn:active {
+  transform: translateY(1px);
+}
+
 .user-info {
   margin: 0.5rem 0 0 0;
   color: #888;
@@ -242,6 +269,8 @@ body {
   cursor: pointer;
   min-width: 33px;
   min-height: 33px;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 .icon-button:hover { background: #333; }