diff --git a/packages/website/app/modules/ui/modal.tsx b/packages/website/app/modules/ui/modal.tsx
index d3a701d..517fefe 100644
--- a/packages/website/app/modules/ui/modal.tsx
+++ b/packages/website/app/modules/ui/modal.tsx
@@ -61,7 +61,7 @@ export function Modal({
   )
 }
 
-export function ControlledModal({
+export function UncontrolledModal({
   children,
   button,
 }: {
diff --git a/packages/website/app/routes/index.tsx b/packages/website/app/routes/index.tsx
index b5a3b5b..7730747 100644
--- a/packages/website/app/routes/index.tsx
+++ b/packages/website/app/routes/index.tsx
@@ -5,7 +5,7 @@ import LandingCode from "~/modules/landing/landing-code.mdx"
 import { MainNavigation } from "~/modules/navigation/main-navigation"
 import { buttonClass, maxWidthContainer } from "~/modules/ui/components"
 import { LandingAnimation } from "../modules/landing/landing-animation"
-import { ControlledModal } from "../modules/ui/modal"
+import { UncontrolledModal } from "../modules/ui/modal"
 
 export default function Landing() {
   return (
@@ -37,7 +37,7 @@ export default function Landing() {
               Get Started
             </a>
 
-            <ControlledModal
+            <UncontrolledModal
               button={(button) => (
                 <button
                   {...button}
@@ -50,7 +50,7 @@ export default function Landing() {
               <div className="text-sm sm:text-base">
                 <LandingCode />
               </div>
-            </ControlledModal>
+            </UncontrolledModal>
           </div>
         </div>