diff --git a/apps/web/src/features/library/components/library-manager/LibraryManagerError.tsx b/apps/web/src/features/library/components/library-manager/LibraryManagerError.tsx
index 1c29f7fdc..c02e3370f 100644
--- a/apps/web/src/features/library/components/library-manager/LibraryManagerError.tsx
+++ b/apps/web/src/features/library/components/library-manager/LibraryManagerError.tsx
@@ -12,7 +12,7 @@ export function LibraryManagerError({ message }: LibraryManagerErrorProps) {
   return (
     <Card>
       <CardContent className="pt-6">
-        <div className="text-center text-kodo-red">
+        <div className="text-center text-destructive">
           Error loading library: {message}
         </div>
       </CardContent>
diff --git a/apps/web/src/features/library/pages/LibraryPage.stories.tsx b/apps/web/src/features/library/pages/LibraryPage.stories.tsx
index 3fb72ee67..e25040922 100644
--- a/apps/web/src/features/library/pages/LibraryPage.stories.tsx
+++ b/apps/web/src/features/library/pages/LibraryPage.stories.tsx
@@ -13,7 +13,7 @@ const meta: Meta<typeof LibraryPage> = {
     withToast,
     withAudio,
     (Story) => (
-      <div className="bg-kodo-background min-h-screen">
+      <div className="bg-background min-h-screen">
         <Story />
       </div>
     ),