diff --git a/app.js b/app.js
index af27c2b..0fb8ade 100644
--- a/app.js
+++ b/app.js
@@ -1829,7 +1829,7 @@ async function renderSelectedMonths() {
     }
 
     // Scroll to show the current navigation month
-    const activeBtn = document.querySelector('.month-btn.primary') || document.querySelector('.month-btn.active');
+    const activeBtn = document.querySelector('.month-btn.active');
     if (activeBtn) {
         activeBtn.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
     }
@@ -1940,24 +1940,13 @@ async function selectMonth(index) {
 function updateMonthNavigator() {
     // Update button active states
     const buttons = document.querySelectorAll('.month-btn');
-    const isMultiSelect = selectedMonthIndices.size > 1;
 
     buttons.forEach((btn, index) => {
-        const isSelected = selectedMonthIndices.has(index);
-        const isPrimary = index === currentMonthIndex;
-
-        if (isSelected) {
+        if (selectedMonthIndices.has(index)) {
             btn.classList.add('active');
         } else {
             btn.classList.remove('active');
         }
-
-        // Primary class indicates current navigation position in multi-select
-        if (isMultiSelect && isPrimary) {
-            btn.classList.add('primary');
-        } else {
-            btn.classList.remove('primary');
-        }
     });
 
     // Update arrow disabled states
diff --git a/styles.css b/styles.css
index 735f912..82be595 100644
--- a/styles.css
+++ b/styles.css
@@ -95,23 +95,6 @@ body {
     color: white;
 }
 
-/* Primary indicator for current navigation position in multi-select */
-.month-btn.active.primary {
-    position: relative;
-}
-
-.month-btn.active.primary::after {
-    content: '';
-    position: absolute;
-    bottom: 4px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 6px;
-    height: 6px;
-    background: white;
-    border-radius: 50%;
-}
-
 .month-preview {
     width: 40px;
     height: 40px;