diff --git a/src/components/SidebarHeader.tsx b/src/components/SidebarHeader.tsx
index 5e5c6c9c..62831e39 100644
--- a/src/components/SidebarHeader.tsx
+++ b/src/components/SidebarHeader.tsx
@@ -63,6 +63,7 @@ const SidebarHeader: React.FC<SidebarHeaderProps> = ({ onToggleCollapse, onLogou
         >
           <FontAwesomeIcon icon={faChevronRight} />
         </button>
+        <div className="sidebar-header-right">
         {onRefresh && (
           <IconButton
             icon={faRotate}
@@ -105,6 +106,7 @@ const SidebarHeader: React.FC<SidebarHeaderProps> = ({ onToggleCollapse, onLogou
             variant="ghost"
           />
         )}
+        </div>
       </div>
       <div className="view-mode-controls">
         <IconButton
diff --git a/src/index.css b/src/index.css
index b43f1ef6..a3b9656b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -134,6 +134,13 @@ body {
   margin-bottom: 0;
 }
 
+.sidebar-header-right {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-left: auto;
+}
+
 .view-mode-controls {
   display: flex;
   align-items: center;