diff --git a/frontend/app/App.jsx b/frontend/app/App.jsx
index d0d38ee..b6471fa 100644
--- a/frontend/app/App.jsx
+++ b/frontend/app/App.jsx
@@ -79,8 +79,20 @@ export const App = (props) => {
             />
           )}
         </div>
-        <main className="responsive padding" style={{ overflow: "hidden" }}>
-          {props.children}
+        <main
+          className="max padding"
+          style={{
+            height: "calc(100vh - 2rem)",
+            width: "100%",
+            overflow: "hidden",
+          }}
+        >
+          <div
+            className="border round padding"
+            style={{ height: "calc(100vh - 2rem)", "overflow-y": "scroll" }}
+          >
+            {props.children}
+          </div>
         </main>
       </div>
     </body>
diff --git a/frontend/app/components/ReleaseCard/ReleaseCard.jsx b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
index f5f5e7e..7705def 100644
--- a/frontend/app/components/ReleaseCard/ReleaseCard.jsx
+++ b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
@@ -5,7 +5,7 @@ export const ReleaseCard = (props) => {
   return (
     <Link
       href={`/release/${props.id}`}
-      className={props.className ? props.className : "s3"}
+      className={props.className ? props.className : "s2"}
     >
       <article
         className="no-padding round fill"