fix overflow issue

Author: akumar1503

client/src/components/Header/style.module.scss

@@ -72,6 +72,7 @@
 
 .downArrow {
   margin-left: 15px;
+  overflow: hidden;
 }
 
 .menu {

client/src/pages/Search/Global.jsx

@@ -273,7 +273,7 @@ export default function SearchGlobal({ keyword }) {
                   {getOrderByText(orderBy)}
                 </span>
               )}
-              <DownArrowIcon />
+              <DownArrowIcon className={style.downArrow} />
               {sortByDropdownShown && (
                 <ul className={style.dropdown}>
                   <li

client/src/pages/Search/style.module.scss

@@ -56,6 +56,10 @@
   margin-bottom: 100px;
 }
 
+.downArrow {
+  overflow: hidden;
+}
+
 .pills {
   margin: 15px -5px 0;
 }