From 29fc04cacf601766d06888cde1d846b893d1e70f Mon Sep 17 00:00:00 2001
From: Kseniya <ksuta_marfa@mil.ru>
Date: Wed, 12 Jun 2024 18:38:57 +0300
Subject: [PATCH] style

---
 .../StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss       | 2 +-
 .../StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx  | 2 +-
 src/widgets/StoriesBlock/ui/StoriesBlock.module.scss            | 2 +-
 src/widgets/StoriesBlock/ui/StoriesBlock.tsx                    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss b/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss
index 0a5ea6ae..c66908e9 100644
--- a/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss
+++ b/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    width: 100%;
+    width: 160px;
     height: 100%;
     background-color: #f0f0f0;
     border-radius: 8px;
diff --git a/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx b/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx
index 874b132f..63b41676 100644
--- a/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx
+++ b/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx
@@ -7,7 +7,7 @@ import styles from './StoriesBlockSkeleton.module.scss'
 const StoriesBlockSkeleton: FC = () => {
   return (
     <div className={styles.skeletonNewsCard}>
-      <Skeleton height={180} width="100%" />
+      <Skeleton height={240} width="100%" />
       <div className={styles.content}>
         <Skeleton width="60%" />
         <Skeleton width="80%" />
diff --git a/src/widgets/StoriesBlock/ui/StoriesBlock.module.scss b/src/widgets/StoriesBlock/ui/StoriesBlock.module.scss
index 154d89bc..c2b976be 100644
--- a/src/widgets/StoriesBlock/ui/StoriesBlock.module.scss
+++ b/src/widgets/StoriesBlock/ui/StoriesBlock.module.scss
@@ -19,5 +19,5 @@
   list-style: none;
   margin: 0;
   padding: 0;
-  width: 100%;
+  width: 160px;
 }
\ No newline at end of file
diff --git a/src/widgets/StoriesBlock/ui/StoriesBlock.tsx b/src/widgets/StoriesBlock/ui/StoriesBlock.tsx
index 5f7aac4d..18722071 100644
--- a/src/widgets/StoriesBlock/ui/StoriesBlock.tsx
+++ b/src/widgets/StoriesBlock/ui/StoriesBlock.tsx
@@ -33,7 +33,7 @@ const StoriesBlock: FC = () => {
 
       <Scroll withManualGrip={true} className={styles.storiesScroll}>
         {isLoading
-          ? Array.from({ length: 5 }).map((_, index) => (
+          ? Array.from({ length: 8 }).map((_, index) => (
               <li key={index}>
                 <StoriesBlockSkeleton />
               </li>