diff --git a/framegear/app/page.tsx b/framegear/app/page.tsx
index ac8e58b0de..dc05faaf25 100644
--- a/framegear/app/page.tsx
+++ b/framegear/app/page.tsx
@@ -4,20 +4,25 @@ import { FrameInput } from '@/components/FrameInput';
 import { Header } from '@/components/Header';
 import { ValidationResults } from '@/components/ValidationResults';
 import { RedirectModalProvider } from '@/components/RedirectModalContext/RedirectModalContext';
+import TextInputsProvider from '@/contexts/TextInputs';
 
 export default function Home() {
   return (
     <RedirectModalProvider>
-      <div className="mx-auto flex flex-col items-center gap-8 pb-16">
-        <Header />
-        <div className={`max-w-layout-max grid w-full grid-cols-[5fr,4fr] gap-16`}>
-          <div className="flex flex-col gap-4">
-            <FrameInput />
-            <Frame />
+      <TextInputsProvider>
+        <div className="mx-auto flex flex-col items-center gap-8 pb-16">
+          <Header />
+          <div
+            className={`max-w-layout-max grid w-full grid-cols-[5fr,4fr] gap-16`}
+          >
+            <div className="flex flex-col gap-4">
+              <FrameInput />
+              <Frame />
+            </div>
+            <ValidationResults />
           </div>
-          <ValidationResults />
         </div>
-      </div>
+      </TextInputsProvider>
     </RedirectModalProvider>
   );
 }