diff --git a/src/hero/index.scss b/src/hero/index.scss
index 7baacf2..1551658 100644
--- a/src/hero/index.scss
+++ b/src/hero/index.scss
@@ -17,16 +17,17 @@ $bleed-ratio: 0.2;
   align-items: flex-end;
 
   .details-wrapper {
-    padding: 1rem;
     background-color: rgba(0, 0, 0, 0.4);
     color: white;
     line-height: 1;
-    width: 100%;
+    width: calc(100% - 2rem);
+    padding: 0 1rem;
   }
 
   .details {
     width: $content-width;
-    margin: 0 auto;
+    max-width: 100%;
+    margin: 1rem auto;
 
     h1 {
       margin: 0;