diff --git a/gallery/assets/css/stats.css b/gallery/assets/css/stats.css
index 10868e5..91bb251 100644
--- a/gallery/assets/css/stats.css
+++ b/gallery/assets/css/stats.css
@@ -3,8 +3,8 @@
    ======================================== */
 .gallery-stats {
   position: fixed;
-  bottom: 80px;
-  left: 15px;
+  top: 40px;
+  right: 40px;
   background: var(--card-bg);
   border: 1px solid var(--border-color);
   border-radius: 8px;
@@ -14,12 +14,16 @@
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
   z-index: 500;
   opacity: 0.8;
-  transition: opacity 0.2s ease;
+  transition: opacity 0.2s ease, right 0.3s ease;
   max-width: 200px;
   /* Ensure stats don't interfere with content */
   pointer-events: none;
 }
 
+body:has(#sidebar.open) .gallery-stats {
+  right: 345px;
+}
+
 .gallery-stats:hover {
   opacity: 1;
   /* Re-enable pointer events on hover */
@@ -47,11 +51,15 @@
 @media (max-width: 768px) {
   .gallery-stats {
     bottom: 60px;
-    left: 10px;
+    right: 10px;
     padding: 0.6rem 0.8rem;
     font-size: 0.8rem;
     max-width: 180px;
   }
+
+  body:has(#sidebar.open) .gallery-stats {
+    right: 340px;
+  }
   
   .stats-item {
     margin: 0.15rem 0;