diff --git a/components/SearchDrawer.js b/components/SearchDrawer.js
index a63d73d8..d21dc3b4 100644
--- a/components/SearchDrawer.js
+++ b/components/SearchDrawer.js
@@ -21,7 +21,7 @@ const SearchDrawer = ({ cRef }) => {
   return (
     <div id='search-drawer-wrapper' ref={searchDrawer} className='hidden'>
       <div className='flex absolute px-5 w-full h-full left-0 top-14 z-50 justify-center'>
-          <div className='md:max-w-3xl w-full mx-auto'>
+          <div className='md:max-w-3xl w-full mx-auto animate__animated animate__faster animate__fadeIn'>
           <SearchInput cRef={searchInputRef} />
           </div>
       </div>