diff --git a/xian_favor/api.py b/xian_favor/api.py
index 40caa06..003bf95 100644
--- a/xian_favor/api.py
+++ b/xian_favor/api.py
@@ -1231,19 +1231,22 @@ INDEX_TEMPLATE = '''
             max-height: 60vh;
             overflow-y: auto;
             padding-bottom: 20px;
+            position: relative;
         }
         .detail-nav-buttons {
-            position: fixed;
-            right: 20px;
-            top: 50%;
-            transform: translateY(-50%);
+            position: absolute;
+            right: 15px;
+            top: 10px;
             display: flex;
-            flex-direction: column;
             gap: 5px;
-            z-index: 10;
+            z-index: 100;
+            background: rgba(255,255,255,0.9);
+            padding: 5px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
         }
         .detail-nav-buttons .btn {
-            padding: 8px 12px;
+            padding: 6px 10px;
         }
         .detail-modal-footer {
             position: sticky;