Update src/App.jsx

src/App.jsx

@@ -1,14 +1,21 @@
-import React from 'react';
-import ICFAIChatbot from './components/ICFAIChatbot';
+// App.jsx (or src/main page where chatbot mounts)
+import React from "react";
+import ReactDOM from "react-dom/client";
+import ICFAIChatbot from "./components/ICFAIChatbot"; // adjust path if needed
+import "./index.css"; // your global tailwind / css
 
-function App() {
+export default function App() {
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-indigo-500 to-purple-600 p-4">
-      <div className="w-full max-w-md h-[650px] bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col">
+    <div className="min-h-screen min-w-0">
+      {/* Force full-screen gradient background and horizontal layout */}
+      <div className="flex w-full min-h-screen">
+        {/* chatbot component should internally implement the 600px sidebar + chat flex */}
         <ICFAIChatbot />
       </div>
     </div>
   );
 }
 
-export default App;
+// index render (main entry)
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<App />);