diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index 1cee931..23c83bb 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -337,6 +337,9 @@ input:focus-visible {
 }
 
 .list-toolbar-content.dragging { transition: none; }
+.month-nav-button { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:#92a09c; }
+.month-nav-button:active { background:#e5efec; color:#087f72; }
+.list-toolbar-actions { display:flex; align-items:center; gap:2px; }
 .month-swipe-hint { position:absolute; top:50%; left:50%; display:flex; align-items:center; gap:3px; transform:translate(-50%,-50%); border:1px solid #cfe0db; border-radius:999px; padding:4px 8px; background:rgba(255,255,255,.96); color:#087f72; box-shadow:0 4px 12px rgba(26,60,52,.12); font-size:11px; font-weight:700; pointer-events:none; }
 .month-swipe-hint.next { color:#3478e5; }
 
diff --git a/apps/web/src/views/LedgerView.vue b/apps/web/src/views/LedgerView.vue
index ef77b7d..7b35dc6 100644
--- a/apps/web/src/views/LedgerView.vue
+++ b/apps/web/src/views/LedgerView.vue
@@ -388,6 +388,9 @@ async function shareLedger() {
       </div>
       <div class="list-toolbar" @touchstart.passive="startMonthSwipe" @touchmove.passive="moveMonthSwipe" @touchend="finishMonthSwipe" @touchcancel="cancelMonthSwipe">
         <div class="list-toolbar-content" :class="{ dragging: monthSwipeDragging }" :style="{ '--month-swipe-offset': `${monthSwipeDelta * 0.22}px` }">
+          <button class="month-nav-button" type="button" aria-label="上个月" title="上个月" @click="shiftMonth(-1)">
+            <ChevronLeft :size="17" />
+          </button>
           <div class="list-toolbar-copy">
             <div class="list-toolbar-heading">
               <button class="list-month-switcher" type="button" @click="openMonthPicker">
@@ -402,9 +405,14 @@ async function shareLedger() {
               <span class="expense">支出 {{ formatMoney(totals.expense) }}</span>
             </div>
           </div>
-          <button class="icon-button list-action" type="button" aria-label="搜索流水" title="搜索流水">
-            <Search :size="19" />
-          </button>
+          <div class="list-toolbar-actions">
+            <button class="month-nav-button" type="button" aria-label="下个月" title="下个月" @click="shiftMonth(1)">
+              <ChevronRight :size="17" />
+            </button>
+            <button class="icon-button list-action" type="button" aria-label="搜索流水" title="搜索流水">
+              <Search :size="19" />
+            </button>
+          </div>
         </div>
         <div v-if="monthSwipeDragging" class="month-swipe-hint" :class="{ next: monthSwipeDelta < 0 }" aria-hidden="true">
           <ChevronRight v-if="monthSwipeDelta < 0" :size="14" />