diff --git a/src/app/messages/messages.component.html b/src/app/messages/messages.component.html
index 14096c8..997c9fa 100644
--- a/src/app/messages/messages.component.html
+++ b/src/app/messages/messages.component.html
@@ -9,9 +9,11 @@
     </div>
     <div class="tfw-grid-message-body" [innerHtml]="message.message"></div>
   </div>
-  <div *ngIf="showTypingIndicator" class="tfw-grid-message jumping-circle-container">
-      <div class="jumping-circle" id="jc1"></div>
-      <div class="jumping-circle" id="jc2"></div>
-      <div class="jumping-circle" id="jc3"></div>
-    </div>
+  <div *ngIf="showTypingIndicator" 
+        class="tfw-grid-message jumping-circle-container"
+        (click)="drainMessageQueue()">
+    <div class="jumping-circle" id="jc1"></div>
+    <div class="jumping-circle" id="jc2"></div>
+    <div class="jumping-circle" id="jc3"></div>
+  </div>
 </div>
diff --git a/src/app/messages/messages.component.ts b/src/app/messages/messages.component.ts
index 3cd25b7..8b3657d 100644
--- a/src/app/messages/messages.component.ts
+++ b/src/app/messages/messages.component.ts
@@ -59,4 +59,10 @@ export class MessagesComponent implements OnInit {
   convertMarkdownToHTML(text: string) {
     return this.markdownService.convertToHtml(text);
   }
+
+  drainMessageQueue() {
+    this.websocketService.send({
+      'key': 'message.queue.drain'
+    });
+  }
 }