diff --git a/frappe/public/less/chat.less b/frappe/public/less/chat.less
index 15185d95d6..05e2243504 100644
--- a/frappe/public/less/chat.less
+++ b/frappe/public/less/chat.less
@@ -1,9 +1,8 @@
 // Author - Achilles Rasquinha <achilles@frappe.io>
-
 // http://codeguide.co - @mdo (Author of Bootstrap)
 
+
 @import "flex.less";
-@import (reference) "common.less";
 
 // Typography
 @font-weight-bold:								700;
@@ -105,8 +104,6 @@
 
                 .panel-heading
                 {
-                    // height: 50px;
-
                     .panel-title
                     {
                         .media-heading
@@ -116,6 +113,10 @@
                               padding: 0px;
                         }
 
+                        .media-left {
+                            padding-right: 10px;
+                        }
+
                         .media-subtitle
                         {
                             font-size: 12px;
@@ -151,7 +152,6 @@
                     {
                         .media-heading, .media-subtitle
                         {
-                            .ellipsis;
                             max-width: @chat-room-list-content-max-width;
                         }
                     }
@@ -440,3 +440,15 @@
     padding: 5px;
     // background-color: white;
 }
+
+// v12 fixes for visitor chat
+.panel-default > .panel-heading {
+    background-color: #f7fafc;
+    border-color: #ced5db;
+    display: flex;
+}
+
+textarea.form-control {
+    resize: none;
+    height: 3.2em;
+}
\ No newline at end of file
diff --git a/frappe/templates/base.html b/frappe/templates/base.html
index 1c5f286442..fbeae433d5 100644
--- a/frappe/templates/base.html
+++ b/frappe/templates/base.html
@@ -76,6 +76,7 @@
 	{% block base_scripts %}
 	<!-- js should be loaded in body! -->
 	<script type="text/javascript" src="/assets/frappe/js/lib/jquery/jquery.min.js"></script>
+	<script type="text/javascript" src="/assets/frappe/js/lib/socket.io.min.js"></script>
 	<script type="text/javascript" src="/assets/js/frappe-web.min.js"></script>
 	<script type="text/javascript" src="/assets/js/bootstrap-4-web.min.js"></script>
 	{% endblock %}