diff --git a/components/ui/Hero/Hero.tsx b/components/ui/Hero/Hero.tsx
index e524237a4..be55e8ee2 100644
--- a/components/ui/Hero/Hero.tsx
+++ b/components/ui/Hero/Hero.tsx
@@ -18,11 +18,11 @@ const Hero: FC<Props> = ({ headline, description, className }) => {
           <h2 className="text-4xl leading-10 font-extrabold text-white sm:text-5xl sm:leading-none sm:tracking-tight lg:text-6xl">
             {headline}
           </h2>
-          <div>
+          <div className="flex flex-col justify-between">
             <p className="mt-5 text-xl leading-7 text-accent-2">
               {description}
             </p>
-            <a className="block text-white py-3 font-bold hover:underline flex flex-row cursor-pointer">
+            <a className="block text-white pt-3 font-bold hover:underline flex flex-row cursor-pointer">
               <span>Read it here</span>
               <RightArrow width="20" heigh="20" className="ml-1" />
             </a>