From ba9ccfb30b3eb89afbb1ef2dd3872e3b689f5d45 Mon Sep 17 00:00:00 2001
From: senke <okin.tcs@gmail.com>
Date: Sat, 7 Feb 2026 09:17:00 +0100
Subject: [PATCH] =?UTF-8?q?style(tracks):=20align=20story=20decorators=20w?=
 =?UTF-8?q?ith=20K=C5=8CD=C5=8C=20tokens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/web/src/features/tracks/components/TrackSearch.stories.tsx | 2 +-
 .../features/tracks/components/TrackSearchResults.stories.tsx   | 2 +-
 .../components/comment-thread/CommentThreadSkeleton.stories.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/features/tracks/components/TrackSearch.stories.tsx b/apps/web/src/features/tracks/components/TrackSearch.stories.tsx
index 819d05d84..6d98a4146 100644
--- a/apps/web/src/features/tracks/components/TrackSearch.stories.tsx
+++ b/apps/web/src/features/tracks/components/TrackSearch.stories.tsx
@@ -8,7 +8,7 @@ const meta: Meta<typeof TrackSearch> = {
     tags: ['autodocs'],
     decorators: [
         (Story) => (
-            <div className="bg-kodo-background p-4">
+            <div className="w-full max-w-4xl p-4 bg-background border border-border rounded-[var(--radius-xl)] min-h-layout-story">
                 <Story />
             </div>
         ),
diff --git a/apps/web/src/features/tracks/components/TrackSearchResults.stories.tsx b/apps/web/src/features/tracks/components/TrackSearchResults.stories.tsx
index a1634ac45..7eeaec91b 100644
--- a/apps/web/src/features/tracks/components/TrackSearchResults.stories.tsx
+++ b/apps/web/src/features/tracks/components/TrackSearchResults.stories.tsx
@@ -8,7 +8,7 @@ const meta: Meta<typeof TrackSearchResults> = {
     tags: ['autodocs'],
     decorators: [
         (Story) => (
-            <div className="bg-kodo-background p-4 min-h-screen">
+            <div className="w-full max-w-4xl p-4 bg-background border border-border rounded-[var(--radius-xl)] min-h-layout-story">
                 <Story />
             </div>
         ),
diff --git a/apps/web/src/features/tracks/components/comment-thread/CommentThreadSkeleton.stories.tsx b/apps/web/src/features/tracks/components/comment-thread/CommentThreadSkeleton.stories.tsx
index 76b9f6f9b..276bdc0d0 100644
--- a/apps/web/src/features/tracks/components/comment-thread/CommentThreadSkeleton.stories.tsx
+++ b/apps/web/src/features/tracks/components/comment-thread/CommentThreadSkeleton.stories.tsx
@@ -9,7 +9,7 @@ const meta: Meta<typeof CommentThreadSkeleton> = {
     },
     decorators: [
         (Story) => (
-            <div className="max-w-2xl w-full p-4 border rounded-lg bg-background min-h-layout-story space-y-4">
+            <div className="max-w-2xl w-full p-4 border border-border rounded-[var(--radius-xl)] bg-background min-h-layout-story space-y-4">
                 <Story />
                 <CommentThreadSkeleton />
                 <CommentThreadSkeleton />