diff --git a/packages/client/index.html b/packages/client/index.html
index e9471d4..19fe431 100644
--- a/packages/client/index.html
+++ b/packages/client/index.html
@@ -2,9 +2,8 @@
 <html lang="en">
    <head>
       <meta charset="UTF-8" />
-      <link rel="icon" type="image/svg+xml" href="/vite.svg" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>Vite + React + TS</title>
+      <title>Chatbot</title>
    </head>
    <body>
       <div id="root"></div>
diff --git a/packages/client/src/App.tsx b/packages/client/src/App.tsx
index 4dabb58..e251278 100644
--- a/packages/client/src/App.tsx
+++ b/packages/client/src/App.tsx
@@ -2,8 +2,9 @@ import './App.css';
 import ChatBot from './components/ChatBot';
 
 function App() {
+   // h-[100dvh] works like vh, but it takes into account the url bar that shows/hides on mobile browsers when you scroll.
    return (
-      <div className="p-4 h-screen w-screen">
+      <div className="p-4 w-screen h-[100dvh]">
          <ChatBot />
       </div>
    );
