diff --git a/web-chat/src/App.tsx b/web-chat/src/App.tsx
index 6874133cc8..1907d2d819 100644
--- a/web-chat/src/App.tsx
+++ b/web-chat/src/App.tsx
@@ -43,7 +43,10 @@ export default function App() {
   }, [stateWaku, stateMessages]);
 
   return (
-    <div className="chat-app">
+    <div
+      className="chat-app"
+      style={{ height: '100vh', width: '100vw', overflow: 'hidden' }}
+    >
       <WakuContext.Provider value={{ waku: stateWaku }}>
         <Room
           nick={nick}
diff --git a/web-chat/src/index.css b/web-chat/src/index.css
index 16a2e803f3..a16a6141ff 100644
--- a/web-chat/src/index.css
+++ b/web-chat/src/index.css
@@ -1,3 +1,5 @@
+@import-normalize; /* bring in normalize.css styles */
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',