diff --git a/components/ClientResetHUDButton.tsx b/components/ClientResetHUDButton.tsx
index 176bc1ec..ab729f01 100644
--- a/components/ClientResetHUDButton.tsx
+++ b/components/ClientResetHUDButton.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import React from 'react';
-import { useAuth } from "@clerk/nextjs";
+import { useAuth, ClerkProvider } from "@clerk/nextjs";
 import ResetHUDButton from "./ResetHUDButton";
 
-const ClientResetHUDButton: React.FC = () => {
+const AuthenticatedResetHUDButton: React.FC = () => {
   const { isSignedIn } = useAuth();
   
   if (!isSignedIn) {
@@ -14,4 +14,12 @@ const ClientResetHUDButton: React.FC = () => {
   return <ResetHUDButton />;
 };
 
+const ClientResetHUDButton: React.FC = () => {
+  return (
+    <ClerkProvider>
+      <AuthenticatedResetHUDButton />
+    </ClerkProvider>
+  );
+};
+
 export default ClientResetHUDButton;
\ No newline at end of file