Mobile style fix

Author: velopert

src/components/home/HomeTab.tsx

@@ -9,7 +9,7 @@ import {
   MdArrowDropDown,
 } from 'react-icons/md';
 import { useSpring, animated } from 'react-spring';
-import { mediaQuery } from '../../lib/styles/media';
+import media, { mediaQuery } from '../../lib/styles/media';
 import useToggle from '../../lib/hooks/useToggle';
 import HomeMobileHeadExtra from './HomeMobileHeadExtra';
 import TimeframePicker from './TimeframePicker';
@@ -171,7 +171,7 @@ const Indicator = styled(animated.div)`
 const Selector = styled.div`
   background: white;
   height: 2rem;
-  width: 5rem;
+  width: 5.25rem;
   border-radius: 4px;
   display: flex;
   align-items: center;
@@ -192,6 +192,9 @@ const Selector = styled.div`
       opacity: 0.75;
     }
   }
+  ${media.medium} {
+    font-size: 0.75rem;
+  }
 `;
 
 export default HomeTab;