diff --git a/frontend/app/components/ReleaseCard/ReleaseCard.jsx b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
index ba7ab01..561d6e1 100644
--- a/frontend/app/components/ReleaseCard/ReleaseCard.jsx
+++ b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
@@ -5,7 +5,7 @@ import Link from "next/link";
 export const ReleaseCard = (props) => {
   return (
     <Link href={`/release/${props.id}`} className="s3">
-      <article className="no-padding round fill" style={{"aspectRatio": "9/16"}}>
+      <article className="no-padding round fill" style={{width: 284, height: 508}}>
         <img className="responsive large top-round" src={props.poster} />
         <div className="padding">
           <h6>{`${props.title.substring(0, 36)}${[...props.title].length > 36 ? "..." : ""}`}</h6>
diff --git a/frontend/app/page.js b/frontend/app/page.js
index 8830ad1..23a1efb 100644
--- a/frontend/app/page.js
+++ b/frontend/app/page.js
@@ -92,22 +92,27 @@ export default function Home() {
           <span>завершено</span>
         </button>
       </div>
+      {releases ? (
+        <>
+          <div className="grid">
+            <CardList data={releases} />
+          </div>
 
-      <div className="grid">
-        {releases ? <CardList data={releases} /> : <progress></progress>}
-      </div>
-
-      <nav className="large-margin center-align">
-        <button
-          className="large"
-          onClick={() => {
-            setPage(page + 1);
-          }}
-        >
-          <i>add</i>
-          <span>загрузить ещё</span>
-        </button>
-      </nav>
+          <nav className="large-margin center-align">
+            <button
+              className="large"
+              onClick={() => {
+                setPage(page + 1);
+              }}
+            >
+              <i>add</i>
+              <span>загрузить ещё</span>
+            </button>
+          </nav>
+        </>
+      ) : (
+        <progress className="s1"></progress>
+      )}
     </>
   );
 }