diff --git a/source/_includes/site/hero_unit.html b/source/_includes/site/hero_unit.html
index def95c031d77..b3527af19a4e 100644
--- a/source/_includes/site/hero_unit.html
+++ b/source/_includes/site/hero_unit.html
@@ -1,6 +1,6 @@
 <div class="hero">
   <div class="grid-wrapper">
-    <div class="grid flex">
+    <div class="grid flex palm-flexreverse">
       <div class="grid__item flex__item two-fifths palm-one-whole">
         <a href='https://demo.home-assistant.io/' target='_blank'>
           <img src="/images/hero_screenshot.png" alt="Home Assistant screenshot">