diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 5b2ced94..33f38293 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -17,6 +17,10 @@ export default function RootLayout({
return (
+
{children}
diff --git a/apps/web/src/components/Main.tsx b/apps/web/src/components/Main.tsx
index 9674ca03..b6ad3787 100644
--- a/apps/web/src/components/Main.tsx
+++ b/apps/web/src/components/Main.tsx
@@ -1,5 +1,5 @@
"use client";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
import { FilterCombobox } from "./Sidebar/FilterCombobox";
import { Textarea2 } from "./ui/textarea";
import { ArrowRight } from "lucide-react";
@@ -10,12 +10,26 @@ export default function Main({ sidebarOpen }: { sidebarOpen: boolean }) {
const [value, setValue] = useState("");
const { width } = useViewport();
+ const textArea = useRef(null);
+
+ useEffect(() => {
+ function onResize() {
+ if (!textArea.current || !window.visualViewport) return;
+
+ const visualViewportHeight = window.visualViewport.height;
+ }
+
+ window.visualViewport?.addEventListener("resize", onResize);
+ return () => window.visualViewport?.removeEventListener("resize", onResize);
+ }, []);
+
return (