diff --git a/resources/static/common/css/style.css b/resources/static/common/css/style.css
index cd2760e4c936f97ca0ec43ba652a8749064e4cf7..56ee3c4d76fec03ae56eabd6b4ef5d4cebb99b46 100644
--- a/resources/static/common/css/style.css
+++ b/resources/static/common/css/style.css
@@ -79,7 +79,7 @@ strong {
   background-image:     -ms-linear-gradient(top, rgba(218, 81, 50, 0.9), rgba(169, 19, 0, 1));
   background-image:      -o-linear-gradient(top, rgba(218, 81, 50, 0.9), rgba(169, 19, 0, 1));
   background-image:         linear-gradient(top, rgba(218, 81, 50, 0.9), rgba(169, 19, 0, 1));
-  border-radius: 3px;
+  border-radius: 4px;
   padding: 10px 15px;
   box-shadow: 0 1px #666;
 
@@ -91,6 +91,18 @@ strong {
   z-index: 5;
 }
 
+.tooltip .arrow-down {
+  /* This is an awesome CSS only arrow! */
+  width: 0;
+  height: 0;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  border-top: 10px solid #aa1401;
+  border-top: 10px solid rgba(169, 19, 0, 1);
+  position: absolute;
+  bottom: -10px;
+  left: 20px;
+}
 
 a {
   color: #348fd0;
diff --git a/resources/static/dialog/views/tooltip.ejs b/resources/static/dialog/views/tooltip.ejs
index 191af143ed1935fc67ff917b5ef03a264e0d936a..0c7a43ef8946998101af51f3cfdc4984896657e1 100644
--- a/resources/static/dialog/views/tooltip.ejs
+++ b/resources/static/dialog/views/tooltip.ejs
@@ -1,4 +1,5 @@
 <div class="tooltip">
   <%= contents %>
+  <div class="arrow-down"></div>
 </div>