diff --git a/src/app/ships/page.module.css b/src/app/ships/page.module.css
index ff936e4..8ea8c1d 100644
--- a/src/app/ships/page.module.css
+++ b/src/app/ships/page.module.css
@@ -167,6 +167,9 @@
 /* === Filter Bar === */
 .filterSection {
   margin-bottom: 2rem;
+}
+
+.filterRowScroll {
   overflow-x: auto;
 }
 
diff --git a/src/app/ships/page.tsx b/src/app/ships/page.tsx
index f08a769..e451aee 100644
--- a/src/app/ships/page.tsx
+++ b/src/app/ships/page.tsx
@@ -397,6 +397,7 @@ export default function ShipsPage() {
 
       {!loading && !error && ships.length > 0 && (
         <div className={styles.filterSection}>
+          <div className={styles.filterRowScroll}>
           <div className={styles.filterRow}>
 
             {/* Empire dropdown */}
@@ -604,6 +605,7 @@ export default function ShipsPage() {
             </div>
 
           </div>
+          </div>
         </div>
       )}