From 5496fe82e994a7cc8281db3fc2d452b410e142d0 Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Wed, 6 Dec 2023 13:19:39 -0600
Subject: [PATCH] fix select width on mobile

---
 components/header.js             | 6 +++---
 components/sub-select.module.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/header.js b/components/header.js
index a1b827c5..c7bcdae1 100644
--- a/components/header.js
+++ b/components/header.js
@@ -220,7 +220,7 @@ function NavItems ({ className, sub, prefix }) {
 
   return (
     <>
-      <Nav.Item className={className}>
+      <Nav.Item className={`me-1 ${className}`}>
         <SubSelect
           sub={sub} prependSubs={PREPEND_SUBS} appendSubs={APPEND_SUBS} noForm
           groupClassName='mb-0'
@@ -308,9 +308,9 @@ export default function Header ({ sub }) {
           className={styles.navbarNav}
           activeKey={topNavKey}
         >
-          <NavItems className='me-1' prefix={prefix} sub={sub} />
+          <NavItems prefix={prefix} sub={sub} />
           <Link href={prefix + '/search'} passHref legacyBehavior>
-            <Nav.Link eventKey='search' className='position-relative ms-auto d-flex me-1'>
+            <Nav.Link eventKey='search' className='position-relative me-auto ms-auto me-sm-1 d-flex'>
               <SearchIcon className='theme' width={22} height={22} />
             </Nav.Link>
           </Link>
diff --git a/components/sub-select.module.css b/components/sub-select.module.css
index 3be04dc8..ca05eb4f 100644
--- a/components/sub-select.module.css
+++ b/components/sub-select.module.css
@@ -1,5 +1,5 @@
 .subSelect {
-  width: 100px !important;
+  max-width: 120px !important;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis !important;