diff --git a/sass/homeassistant/_overrides.scss b/sass/homeassistant/_overrides.scss
index 330a5bb4654..249da6bc304 100644
--- a/sass/homeassistant/_overrides.scss
+++ b/sass/homeassistant/_overrides.scss
@@ -484,7 +484,7 @@ a.material-card:hover {
     border: none;
 
     .caption {
-      padding: 16px 12px 12px;
+      padding: 8px 12px 12px;
       background-color: rgba(0, 0, 0, 0.54);
       color: white;
       border-bottom-left-radius: 8px;
@@ -496,9 +496,12 @@ a.material-card:hover {
       .title {
         font-size: 20px;
         font-weight: 400;
+        line-height: 1.2em;
       }
 
       .subtitle {
+        margin-top: 4px;
+        line-height: 1.4em;
         font-size: 12px;
         font-weight: initial;
       }
diff --git a/source/index.html b/source/index.html
index 1d4fdebfeb0..1e490d5a04f 100644
--- a/source/index.html
+++ b/source/index.html
@@ -75,8 +75,10 @@ feedback: false
         style="background-image: url(/images/frontpage/cast-frontpage.png)"
       >
         <div class="caption">
-          <div class="title">
-            Take over all the screens
+          <div>
+            <div class="title">
+              Take over all the screens
+            </div>
             <div class="subtitle">
               Home Assistant Cast makes every TV a display.
             </div>
@@ -111,8 +113,10 @@ feedback: false
         "
       >
         <div class="caption">
-          <div class="title">
-            Control your home with Assist
+          <div>
+            <div class="title">
+              Control your home with Assist
+            </div>
             <div class="subtitle">
               Our private, insanely fast, voice assistant running on affordable
               hardware. Now supporting wake words.
@@ -139,8 +143,10 @@ feedback: false
           "
       >
         <div class="caption">
-          <div class="title">
-            {{page.title}}
+          <div>
+            <div class="title">
+              {{page.title}}
+            </div>
             <div class="subtitle">{{page.description}}</div>
           </div>
           <svg viewBox="0 0 24 24">
@@ -170,8 +176,10 @@ feedback: false
         "
       >
         <div class="caption">
-          <div class="title">
-            Home Assistant Tags
+          <div>
+            <div class="title">
+              Home Assistant Tags
+            </div>
             <div class="subtitle">
               Use NFC to bring music to your life or automate the mundane.
             </div>
@@ -190,8 +198,10 @@ feedback: false
         style="background-image: url(/images/merchandise/shirt-frontpage.png)"
       >
         <div class="caption">
-          <div class="title">
-            Join the Home Assistant t-shirt revolution!
+          <div>
+            <div class="title">
+              Join the Home Assistant t-shirt revolution!
+            </div>
             <div class="subtitle">
               Look sharp in blue, black or gray. Wearing a HA t-shirt is okay.
             </div>