From 34c6b272c882198c0ac9ea7952dc9c165d974933 Mon Sep 17 00:00:00 2001
From: Sean Edmunds <smedmunds226@gmail.com>
Date: Thu, 19 Jun 2025 23:36:38 -0500
Subject: [PATCH] Missing ScrollArea styling

---
 .../settings/components/Theming/ThemePlaylistCard.tsx    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/settings/components/Theming/ThemePlaylistCard.tsx b/src/pages/settings/components/Theming/ThemePlaylistCard.tsx
index fa466f3..ca18d05 100644
--- a/src/pages/settings/components/Theming/ThemePlaylistCard.tsx
+++ b/src/pages/settings/components/Theming/ThemePlaylistCard.tsx
@@ -11,6 +11,7 @@ import { useDisclosure } from '@mantine/hooks';
 import { useCommonHooks } from 'hooks';
 import { useState } from 'react';
 import { FiEdit, FiTrash } from 'react-icons/fi';
+import { scrollAreaClasses } from 'styles';
 import type { Theme, ThemePlaylist } from 'types';
 import DeleteItemModal from '../Shared/DeleteItemModal';
 import ThemeMiniCard from './ThemeMiniCard';
@@ -160,7 +161,13 @@ function ThemePlaylistCard({
 							>
 								Count: {themeList.length}
 							</Text>
-							<ScrollArea h={'255px'} w={'100%'} style={{ zIndex: 2 }}>
+							<ScrollArea
+								className={scrollAreaClasses.default}
+								classNames={scrollAreaClasses}
+								h={'255px'}
+								w={'100%'}
+								style={{ zIndex: 2 }}
+							>
 								<Stack gap={4}>
 									{themeList.length > 0 &&
 										themeList