Merge pull request #301 from dwisatriow/main

Align search icon position

Author: SableRaf

src/components/SearchBar.js

@@ -44,7 +44,7 @@ const SearchBar = ({ className }) => {
           })}
         />
         <button className={css.submit} onClick={search}>
-          <SearchIcon height={30} width={30} className={css.searchIcon} />
+          <SearchIcon height={30} width={30} />
         </button>
       </div>
     </div>

src/components/SearchBar.module.css

@@ -30,6 +30,7 @@
   flex-direction: row;
   flex-basis: var(--col6);
   justify-content: flex-end;
+  align-items: center;
 }
 .submit {
   position: absolute;
@@ -50,10 +51,6 @@
   }
 }
 
-.searchIcon {
-  margin-top: -2px;
-}
-
 @media (--reduced) {
   .root {
     align-self: baseline;