diff --git a/src/views/room/widgets/chat/ChatWidgetsView.scss b/src/views/room/widgets/chat/ChatWidgetsView.scss
index e59bacd8..c3d016cf 100644
--- a/src/views/room/widgets/chat/ChatWidgetsView.scss
+++ b/src/views/room/widgets/chat/ChatWidgetsView.scss
@@ -1 +1,5 @@
+.nitro-chat-widget {
+    pointer-events: none;
+}
+
 @import './form/ChatFormWidgetView';
diff --git a/src/views/room/widgets/chat/ChatWidgetsView.tsx b/src/views/room/widgets/chat/ChatWidgetsView.tsx
index 9b9e966c..9c0ac65f 100644
--- a/src/views/room/widgets/chat/ChatWidgetsView.tsx
+++ b/src/views/room/widgets/chat/ChatWidgetsView.tsx
@@ -7,9 +7,9 @@ export function ChatWidgetsView(props: ChatWidgetsViewProps): JSX.Element
     const {} = props;
 
     return (
-        <>
+        <div className="nitro-chat-widget">
             <ChatMessagesWidgetView />
             <ChatFormWidgetView />
-        </>
+        </div>
     );
 }
diff --git a/src/views/room/widgets/chat/form/ChatFormWidgetView.scss b/src/views/room/widgets/chat/form/ChatFormWidgetView.scss
index 73c2afca..3cd029c9 100644
--- a/src/views/room/widgets/chat/form/ChatFormWidgetView.scss
+++ b/src/views/room/widgets/chat/form/ChatFormWidgetView.scss
@@ -4,7 +4,8 @@
     align-items: center;
     position: relative;
     height: 100%;
-    padding:0 10px;
+    padding: 0 10px;
+    pointer-events: all;
 
     input {
         width: auto;