From 77fad40275dd057e949f102872c1b330a653700a Mon Sep 17 00:00:00 2001
From: RaunoT <raunoot@gmail.com>
Date: Fri, 5 Jan 2024 13:50:50 +0200
Subject: [PATCH] fix(rewind): card size on tablet

---
 src/app/_components/CardWrapper.tsx          | 2 +-
 src/app/rewind/_components/RewindStories.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/_components/CardWrapper.tsx b/src/app/_components/CardWrapper.tsx
index 88b23b6c..0e8a7259 100644
--- a/src/app/_components/CardWrapper.tsx
+++ b/src/app/_components/CardWrapper.tsx
@@ -7,7 +7,7 @@ type Props = {
 
 export default function CardWrapper({ children, className }: Props) {
   return (
-    <div className='relative flex flex-1 sm:block'>
+    <div className='relative flex flex-1 lg:block'>
       <article
         className={clsx(
           'bg-gradient-card flex w-full flex-col rounded-3xl px-6 pb-4 pt-6 sm:px-8 sm:pt-8',
diff --git a/src/app/rewind/_components/RewindStories.tsx b/src/app/rewind/_components/RewindStories.tsx
index be455aea..4c0fb0f1 100644
--- a/src/app/rewind/_components/RewindStories.tsx
+++ b/src/app/rewind/_components/RewindStories.tsx
@@ -117,9 +117,9 @@ export default function RewindStories({ userRewind, user }: Props) {
     <Stories
       stories={stories}
       classNames={{
-        main: 'flex flex-1 flex-col !bg-transparent pt-10 sm:pt-8',
+        main: '!bg-transparent pt-10 sm:pt-8 flex flex-1 justify-center flex-col',
         storyContainer:
-          '!bg-transparent flex flex-1 flex-col sm:justify-center',
+          '!bg-transparent *:sm:flex *:sm:flex-col *:sm:justify-center',
       }}
     />
   )