diff --git a/root/inc/release-info.html b/root/inc/release-info.html
index 0be45ccc96f..ceef14d4213 100644
--- a/root/inc/release-info.html
+++ b/root/inc/release-info.html
@@ -49,8 +49,8 @@
     <div><a href="http://cpants.charsbar.org/dist/overview/<% release.distribution %>">Kwalitee</a></div>
 </li>
 <% IF irc.web %>
-<li>
-    <div><a href="<% irc.web %>">Chat with Maintainers</a></div>
+<li class="irc-chat">
+    <div><a href="<% irc.web %>">Questions? Chat with us!</a></div>
 </li>
 <% END %>
 <% IF release.license %>
diff --git a/root/static/images/noise.png b/root/static/images/noise.png
new file mode 100644
index 00000000000..ed39360fcfb
Binary files /dev/null and b/root/static/images/noise.png differ
diff --git a/root/static/less/nav-list.less b/root/static/less/nav-list.less
index 22a416555b3..a63c8f04922 100644
--- a/root/static/less/nav-list.less
+++ b/root/static/less/nav-list.less
@@ -125,3 +125,69 @@
     text-shadow: 0 1px 0 rgba(255,255,255,.5);
     text-transform: uppercase;
 }
+
+.irc-chat {
+  @width: 160px;
+  @height: 36px;
+  @left: 10px;
+  @border-margin: 5px;
+  @background: #b80000;
+
+  position: relative;
+  top: 0px;
+  height: @height;
+  width: @width;
+  left: 0 - @left;
+
+  display: inline-block;
+  margin-bottom: 10px;
+  border-radius: 4px 0px 0px;
+  box-shadow: 0px 2px 2px -2px #000;
+
+  a {
+    color: #fff;
+  }
+
+  /* dotted border */
+  div {
+    display: inline-block;
+    margin: @border-margin 0;
+    padding-left: @left;
+    border-style: dotted;
+    border-color: darken(@background, 12.7%);
+    border-width: 1px 0;
+    width: @width - ( @border-margin / 2 );
+    line-height: @height - ( @border-margin * 2 ) - 1;
+  }
+
+  /* right triangle on ribbon */
+  &:after {
+    @sides: @height / sqrt(2);
+
+    content: '';
+    position: absolute;
+    top: (@height - @sides) / 2;
+    left: @width - (@sides / 2);
+    width: @sides;
+    height: @sides;
+    .rotate(45deg);
+    z-index: -1;
+  }
+
+  /* lower ribbon */
+  &:before {
+    content: '';
+    position: absolute;
+    top: @height;
+    left: 1px;
+    border-top: 9px solid darken(@background, 8%);
+    border-left: 9px solid transparent;
+    .scale(1.2, 1);
+    z-index: -1;
+  }
+
+  &, &:after {
+    background-color: @background;
+    background-image: data-uri('../images/noise.png');
+  }
+}