diff --git a/packages/website/src/components/BlitzKitTheme/index.css b/packages/website/src/components/BlitzKitTheme/index.css
deleted file mode 100644
index 199b99421..000000000
--- a/packages/website/src/components/BlitzKitTheme/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.blitzkit-theme {
-  min-height: unset !important;
-}
diff --git a/packages/website/src/components/BlitzKitTheme/index.tsx b/packages/website/src/components/BlitzKitTheme/index.tsx
index 2387ea54e..c42907090 100644
--- a/packages/website/src/components/BlitzKitTheme/index.tsx
+++ b/packages/website/src/components/BlitzKitTheme/index.tsx
@@ -1,6 +1,5 @@
 import { Theme, type ThemeProps } from '@radix-ui/themes';
 import type { ReactNode } from 'react';
-import './index.css';
 
 interface BlitzKitThemeProps extends ThemeProps {
   children: ReactNode;
@@ -8,12 +7,14 @@ interface BlitzKitThemeProps extends ThemeProps {
 
 export function BlitzKitTheme({
   children,
+  className,
   style,
   ...props
 }: BlitzKitThemeProps) {
   return (
     <Theme
-      className="blitzkit-theme"
+      style={{ minHeight: 'unset', ...style }}
+      className={`blitzkit-theme ${className}`}
       grayColor="mauve"
       appearance="dark"
       panelBackground="solid"
diff --git a/packages/website/src/components/Footer.astro b/packages/website/src/components/Footer.astro
index 461581671..58e4c545f 100644
--- a/packages/website/src/components/Footer.astro
+++ b/packages/website/src/components/Footer.astro
@@ -8,7 +8,7 @@ const gameDefinitions = await fetchGameDefinitions();
 
 <style>
   .footer {
-    backgroundcolor: var(--color-panel);
+    background-color: var(--color-panel);
   }
 </style>
 
diff --git a/packages/website/src/components/InlineSkeleton.tsx b/packages/website/src/components/InlineSkeleton.tsx
deleted file mode 100644
index 21c7b480a..000000000
--- a/packages/website/src/components/InlineSkeleton.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Skeleton, type SkeletonProps } from '@radix-ui/themes';
-
-export function InlineSkeleton({ style, ...props }: SkeletonProps) {
-  return (
-    <Skeleton
-      height="1em"
-      style={{ display: 'inline-block', ...style }}
-      {...props}
-    />
-  );
-}
diff --git a/packages/website/src/components/InlineSkeleton/index.css b/packages/website/src/components/InlineSkeleton/index.css
new file mode 100644
index 000000000..593636058
--- /dev/null
+++ b/packages/website/src/components/InlineSkeleton/index.css
@@ -0,0 +1,3 @@
+.inline-skeleton {
+  display: inline-block;
+}
diff --git a/packages/website/src/components/InlineSkeleton/index.tsx b/packages/website/src/components/InlineSkeleton/index.tsx
new file mode 100644
index 000000000..d825cff16
--- /dev/null
+++ b/packages/website/src/components/InlineSkeleton/index.tsx
@@ -0,0 +1,12 @@
+import { Skeleton, type SkeletonProps } from '@radix-ui/themes';
+import './index.css';
+
+export function InlineSkeleton({ className, ...props }: SkeletonProps) {
+  return (
+    <Skeleton
+      className={`inline-skeleton ${className}`}
+      height="1em"
+      {...props}
+    />
+  );
+}