diff --git a/app/assets/javascripts/app/controllers/chat.coffee b/app/assets/javascripts/app/controllers/chat.coffee
index 299a3b641..e34082d5a 100644
--- a/app/assets/javascripts/app/controllers/chat.coffee
+++ b/app/assets/javascripts/app/controllers/chat.coffee
@@ -111,7 +111,7 @@ class App.CustomerChat extends App.Controller
         chat_sessions: list
       )
 
-    @el.find('.js-waitingCustomers').popover(
+    @el.find('.js-waitingCustomers .js-arrow').popover(
       trigger:    'hover'
       html:       true
       animation:  false
@@ -123,7 +123,7 @@ class App.CustomerChat extends App.Controller
         chatSessionList(@meta.waiting_chat_session_list)
     )
 
-    @el.find('.js-chattingCustomers').popover(
+    @el.find('.js-chattingCustomers .js-arrow').popover(
       trigger:    'hover'
       html:       true
       animation:  false
@@ -135,7 +135,7 @@ class App.CustomerChat extends App.Controller
         chatSessionList(@meta.running_chat_session_list)
     )
 
-    @el.find('.js-activeAgents').popover(
+    @el.find('.js-activeAgents .js-arrow').popover(
       trigger:    'hover'
       html:       true
       animation:  false
diff --git a/app/assets/javascripts/app/views/customer_chat/index.jst.eco b/app/assets/javascripts/app/views/customer_chat/index.jst.eco
index 9df64237a..d734cc69e 100644
--- a/app/assets/javascripts/app/views/customer_chat/index.jst.eco
+++ b/app/assets/javascripts/app/views/customer_chat/index.jst.eco
@@ -6,13 +6,13 @@
       <div class="page-header-center">
         <div class="status-fields">
           <div class="status-field js-acceptChat js-waitingCustomers">
-            <span class="badge js-badgeWaitingCustomers"></span> <%- @T('Waiting Customers') %> <div class="info-arrow"><%- @Icon('arrow-down') %></div>
+            <span class="badge js-badgeWaitingCustomers"></span> <%- @T('Waiting Customers') %> <div class="info-arrow js-arrow"><%- @Icon('arrow-down') %></div>
           </div>
           <div class="status-field js-chattingCustomers">
-            <span class="badge js-badgeChattingCustomers"></span> <%- @T('Chatting Customers') %> <div class="info-arrow"><%- @Icon('arrow-down') %></div>
+            <span class="badge js-badgeChattingCustomers"></span> <%- @T('Chatting Customers') %> <div class="info-arrow js-arrow"><%- @Icon('arrow-down') %></div>
           </div>
           <div class="status-field js-activeAgents">
-            <span class="badge js-badgeActiveAgents"></span> <%- @T('Active Agents') %> <div class="info-arrow"><%- @Icon('arrow-down') %></div>
+            <span class="badge js-badgeActiveAgents"></span> <%- @T('Active Agents') %> <div class="info-arrow js-arrow"><%- @Icon('arrow-down') %></div>
           </div>
         </div>
       </div>