diff --git a/website/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte b/website/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
index 0952a4b..aca1f7b 100644
--- a/website/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
+++ b/website/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 
-	let { ref, ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
+	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...restProps} />
+<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />
diff --git a/website/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte b/website/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
index ae8f503..cb05344 100644
--- a/website/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
+++ b/website/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 
-	let { ref, ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
+	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...restProps} />
+<DropdownMenuPrimitive.Trigger bind:ref data-slot="dropdown-menu-trigger" {...restProps} />
diff --git a/website/src/lib/components/ui/skeleton/skeleton.svelte b/website/src/lib/components/ui/skeleton/skeleton.svelte
index f0e544e..c7e3d26 100644
--- a/website/src/lib/components/ui/skeleton/skeleton.svelte
+++ b/website/src/lib/components/ui/skeleton/skeleton.svelte
@@ -6,12 +6,12 @@
 		ref = $bindable(null),
 		class: className,
 		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
+	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
 </script>
 
-<span
+<div
 	bind:this={ref}
 	data-slot="skeleton"
 	class={cn("bg-accent animate-pulse rounded-md", className)}
 	{...restProps}
-></span>
+></div>
diff --git a/website/src/routes/+layout.server.ts b/website/src/routes/+layout.server.ts
index 17125ad..4f62bd0 100644
--- a/website/src/routes/+layout.server.ts
+++ b/website/src/routes/+layout.server.ts
@@ -2,14 +2,11 @@ import type { LayoutServerLoad } from './$types';
 import { dev } from '$app/environment';
 
 export const load: LayoutServerLoad = async (event) => {
-    // Only set Cache-Control if not already set
-    if (!event.request.headers.get('cache-control')) {
-        event.setHeaders({
-            'Cache-Control': dev
-                ? 'no-cache'
-                : 'private, max-age=30'
-        });
-    }
+    event.setHeaders({
+        'Cache-Control': dev
+            ? 'no-cache'
+            : 'private, max-age=30'
+    });
 
     // Use the user data already fetched and processed in hooks
     return {
diff --git a/website/src/routes/+layout.ts b/website/src/routes/+layout.ts
new file mode 100644
index 0000000..5829b7e
--- /dev/null
+++ b/website/src/routes/+layout.ts
@@ -0,0 +1 @@
+export const ssr = false;
\ No newline at end of file
diff --git a/website/src/routes/api/v1/hopium/[id]/+server.ts b/website/src/routes/api/v1/hopium/[id]/+server.ts
index 1821732..1c3f9b5 100644
--- a/website/src/routes/api/v1/hopium/[id]/+server.ts
+++ b/website/src/routes/api/v1/hopium/[id]/+server.ts
@@ -16,5 +16,5 @@ export async function GET(event) {
         route: { id: "/api/hopium/questions/[id]" }
     };
 
-    return await getHopiumQuestion(hopiumEvent as any);
+    return await getHopiumQuestion(hopiumEvent);
 }