diff --git a/src/pages/index.js b/src/pages/index.js
index 0e0c58b4dd3..472a88d59ed 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -61,7 +61,11 @@ function Feature({ imageUrl, url, title, description }) {
         styles.featuresSection
       )}
     >
-      <Link to={useBaseUrl(url)} title={title}>
+      <Link
+        to={useBaseUrl(url)}
+        title={title}
+        className={clsx(styles.featuresLink)}
+      >
         {imgUrl && (
           <div className="text--center">
             <img className={styles.featuresImage} src={imgUrl} alt={title} />
diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
index 939d9b83a88..0edc1e9ca27 100644
--- a/src/pages/styles.module.css
+++ b/src/pages/styles.module.css
@@ -53,7 +53,7 @@
 }
 
 .featuresSection {
-  padding: 0 2rem;
+  padding: 0;
 }
 
 .featuresImage {
@@ -64,8 +64,15 @@
 .featuresTitle {
   line-height: 1.4;
   font-size: 24px;
+  padding: 0 2rem;
 }
 
 .featuresDescription {
   line-height: 1.4;
+  padding: 0 2rem;
+}
+
+.featuresLink {
+  height: 250px;
+  padding-top: 1rem;
 }