diff --git a/package.json b/package.json
index 7d7ec66..5f7b41f 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
 	"dependencies": {
 		"@radix-ui/themes": "^3.2.1",
 		"solid-js": "^1.9.10",
+		"tailwind-scrollbar": "^4.0.2",
 		"tailwindcss": "^4.1.17"
 	},
 	"devDependencies": {
diff --git a/src/index.css b/src/index.css
index 1606332..0d4bd6c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,11 +1,10 @@
 @import 'tailwindcss';
 @plugin 'tailwind-scrollbar';
-@import "@radix-ui/themes/styles.css";
 
 html,
 body,
 #root {
-	@apply flex h-full w-full items-center;
+	@apply flex h-full w-full items-center justify-center;
 }
 
 @custom-variant dark (&:where(.dark, .dark *));
diff --git a/src/index.tsx b/src/index.tsx
index 043ed96..c06b6be 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,15 +2,7 @@
 import { render } from 'solid-js/web';
 import './index.css';
 import App from './App.tsx';
-import { Theme } from '@radix-ui/themes';
 
 const root = document.getElementById('root');
 
-render(
-	() => (
-		<Theme>
-			<App />
-		</Theme>
-	),
-	root!
-);
+render(() => <App />, root!);