diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue
index 40b98d6..bccc5d3 100644
--- a/src/views/account/AccountView.vue
+++ b/src/views/account/AccountView.vue
@@ -848,14 +848,17 @@ onMounted(async () => {
     </div>
 
     <div class="month-nav">
+      <span class="mn-spacer"></span>
       <IconBtn icon="chevronLeft" title="이전 달" size="sm" @click="prevMonth" />
       <span class="period">{{ periodLabel }}</span>
       <IconBtn icon="chevronRight" title="다음 달" size="sm" @click="nextMonth" />
-      <IconBtn
-        icon="filter" title="검색·필터" class="filter-toggle"
-        :variant="hasFilter ? 'primary' : 'default'" @click="filterOpen = !filterOpen"
-      />
-      <IconBtn icon="plus" title="내역 추가" variant="primary" @click="openCreate" />
+      <div class="mn-actions">
+        <IconBtn
+          icon="filter" title="검색·필터" class="filter-toggle"
+          :variant="hasFilter ? 'primary' : 'default'" @click="filterOpen = !filterOpen"
+        />
+        <IconBtn icon="plus" title="내역 추가" variant="primary" @click="openCreate" />
+      </div>
     </div>
 
     <div v-if="filterOpen" class="filter-bar">
@@ -1265,6 +1268,16 @@ button.primary {
   gap: 1rem;
   margin-bottom: 1rem;
 }
+/* 좌측 spacer + 우측 액션을 같은 flex:1 로 둬서 가운데 네비를 정확히 중앙 유지 */
+.mn-spacer {
+  flex: 1;
+}
+.mn-actions {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.4rem;
+}
 .period {
   font-size: 1.1rem;
   font-weight: 600;
diff --git a/src/views/account/BudgetView.vue b/src/views/account/BudgetView.vue
index 1d9f0e3..007b321 100644
--- a/src/views/account/BudgetView.vue
+++ b/src/views/account/BudgetView.vue
@@ -243,10 +243,13 @@ onMounted(() => {
 <template>
   <section class="budget">
     <div class="month-nav">
+      <span class="mn-spacer"></span>
       <IconBtn icon="chevronLeft" title="이전 달" size="sm" @click="prevMonth" />
       <span class="period">{{ periodLabel }}</span>
       <IconBtn icon="chevronRight" title="다음 달" size="sm" @click="nextMonth" />
-      <IconBtn icon="plus" title="예산 추가" variant="primary" @click="openCreate" />
+      <div class="mn-actions">
+        <IconBtn icon="plus" title="예산 추가" variant="primary" @click="openCreate" />
+      </div>
     </div>
 
     <!-- 월 예상 수입 vs 총 예산 -->
@@ -412,6 +415,15 @@ button.primary {
   gap: 1rem;
   margin-bottom: 1.25rem;
 }
+.mn-spacer {
+  flex: 1;
+}
+.mn-actions {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.4rem;
+}
 .period {
   font-size: 1.1rem;
   font-weight: 600;
diff --git a/src/views/board/BoardListView.vue b/src/views/board/BoardListView.vue
index 9942d24..3b1f83d 100644
--- a/src/views/board/BoardListView.vue
+++ b/src/views/board/BoardListView.vue
@@ -412,14 +412,19 @@ button:disabled {
   gap: 0.5rem;
 }
 .search-type {
+  flex: none;
   padding: 0.5rem 0.6rem;
   border: 1px solid var(--color-border);
   border-radius: 4px;
   background: var(--color-background-soft);
   color: var(--color-text);
 }
+.search-form > .icon-btn {
+  flex: none;
+}
 .search-form input {
   flex: 1;
+  min-width: 0; /* flex 자식이 내용 최소폭 아래로 줄어들 수 있게 — 검색 버튼이 모달 밖으로 밀리는 문제 방지 */
   padding: 0.5rem 0.7rem;
   border: 1px solid var(--color-border);
   border-radius: 4px;