diff --git a/src/sections/Hero/index.tsx b/src/sections/Hero/index.tsx
index e63149f..c5b6b73 100644
--- a/src/sections/Hero/index.tsx
+++ b/src/sections/Hero/index.tsx
@@ -32,7 +32,7 @@ const Hero: React.FC = () => {
       </div>
       <div className={styles.arrow} role="presentation" onClick={scrollToInfo}>
         <h6>Learn More</h6>
-        <FaChevronDown />
+        <FaChevronDown className={styles.scroll} />
       </div>
     </div>
   );
diff --git a/src/sections/Hero/style.module.css b/src/sections/Hero/style.module.css
index d5e9a36..4a1446d 100644
--- a/src/sections/Hero/style.module.css
+++ b/src/sections/Hero/style.module.css
@@ -55,6 +55,10 @@
     cursor: pointer;
 }
 
+.scroll {
+    margin: auto;
+}
+
 /* Font size and layout for mobile*/
 
 @media screen and (max-width: 768px) {