diff --git a/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js b/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js
index 961ddd428..3662cfb87 100644
--- a/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js
+++ b/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js
@@ -27,4 +27,38 @@ $.fn.popover.Constructor.prototype.leave = function(obj){
       });
     })
   }
-};
\ No newline at end of file
+};
+
+/*
+
+  Add global 10px padding
+
+*/
+
+$.fn.popover.Constructor.DEFAULTS.viewport.padding = 10;
+
+/* 
+
+  Extend zammad popover template
+
+  adds a popover-body around popover-title and popover-content 
+  to make the popover scrollable without hiding the arrow
+
+*/
+
+$.fn.popover.Constructor.DEFAULTS.template = '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-body"><h2 class="popover-title"></h2><div class="popover-content"></div></div></div>';
+
+/*
+
+  Add maxHeight to popovers
+
+*/
+
+var originalShow = $.fn.popover.Constructor.prototype.show;
+
+$.fn.popover.Constructor.prototype.show = function(){
+  originalShow.call(this);
+
+  var maxHeight = $(this.options.viewport.selector).height() - 2 * this.options.viewport.padding;
+  this.$tip.find('.popover-body').css('maxHeight', maxHeight);
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/custom/chat.css b/app/assets/stylesheets/custom/chat.css
index 643574cbb..065b941c5 100644
--- a/app/assets/stylesheets/custom/chat.css
+++ b/app/assets/stylesheets/custom/chat.css
@@ -2,6 +2,7 @@
   position: fixed;
   bottom: 0;
   right: 0;
+  display: none;
 }
 
 #chat .well-chat {
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 1b0f599bd..b8130f738 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -1,18 +1,15 @@
+html {
+  height: 100%;
+}
+
 body {
   font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 1.45;
   font-weight: normal;
   background: hsl(210,17%,98%);
+  height: 100%;
 }
 
-/* TODO: @mrflix, do we need this at this level?
-p, 
-ol, 
-ul {
-  color: #bcbcbb;
-}
-*/
-
 p {
   margin: 14px 0;
 }
@@ -2818,9 +2815,12 @@ footer {
   z-index: 1110;
   box-shadow: 0 1px 14px rgba(0,8,14,.25);
   word-wrap: break-word;
-  // max-height: calc(100vh - 20px);
 }
 
+  .popover-body {
+    overflow: auto;
+  }
+
   .popover-title {
     border: none;
     background: none;
@@ -2829,7 +2829,6 @@ footer {
 
   .popover-content {
     padding: 0 17px 10px;
-    overflow-y: auto;
   }
 
   .popover.right { margin-left: 4px; }