diff --git a/src/components/CardCompact.js b/src/components/CardCompact.js
index 7ed593c..40ceae5 100644
--- a/src/components/CardCompact.js
+++ b/src/components/CardCompact.js
@@ -8,7 +8,7 @@ const CardCompact = ({item}) => {
         item.hasFile ? "Статус: Загружен" : "Статус: Загружается"
     ) : null;
     return (
-        <Card className="mb-auto" style={{width: '18rem'}}>
+        <Card className="mb-auto" style={{width: '14rem'}}>
             <Card.Img variant="top" src={image}/>
             <Card.Body>
                 <Card.Title>{item.title}</Card.Title>
diff --git a/src/components/SkeletonCompact.js b/src/components/SkeletonCompact.js
index c6e26ae..e3f8d37 100644
--- a/src/components/SkeletonCompact.js
+++ b/src/components/SkeletonCompact.js
@@ -2,15 +2,15 @@ import {Card, CardBody, CardImg, CardText, CardTitle, Placeholder} from "react-b
 
 export function SkeletonCompact() {
     return (
-        <Card aria-hidden="true" style={{width: '18rem', height: '30rem'}}>
-            <CardImg className="card-img-top" style={{background: 'grey', width: '18rem', height: '30rem'}}/>
+        <Card className="mb-auto" aria-hidden="true" style={{width: '14rem', height: '30rem'}}>
+            <CardImg variant="top" style={{background: 'grey', width: '14rem', height: '30rem'}}/>
             <CardBody>
                 <CardTitle className="placeholder-glow">
-                    <Placeholder className="col-6"></Placeholder>
+                    <Placeholder className="col-3"></Placeholder>
                 </CardTitle>
                 <CardText className="placeholder-glow">
-                    <Placeholder className="col-8"></Placeholder>
-                    <Placeholder className="col-8"></Placeholder>
+                    <Placeholder className="col-6"></Placeholder>
+                    <Placeholder className="col-6"></Placeholder>
                 </CardText>
             </CardBody>
         </Card>