diff --git a/Pivot.skin.php b/Pivot.skin.php
index 5a99ed8..8f839a2 100644
--- a/Pivot.skin.php
+++ b/Pivot.skin.php
@@ -187,14 +187,15 @@ class pivotTemplate extends BaseTemplate {
 												<div id="echo-notifications">
 												<div id="echo-notifications-alerts"></div>
 												<div id="echo-notifications-messages"></div>
+												<div id="echo-notifications-notice"></div>
 												</div>
 												<?php endif; ?>
 												<!--[if lt IE 9]>
-												<div id="siteNotice" class="sitenotice panel radius"><?php echo $this->text('sitename') . ' '. wfMessage( 'pivot-browsermsg' )->text(); ?></div>
+												<div id="siteNotice" class="sitenotice"><?php echo $this->text('sitename') . ' '. wfMessage( 'pivot-browsermsg' )->text(); ?></div>
 												<![endif]-->
 
-												<?php if ( $this->data['sitenotice'] ) { ?><div id="siteNotice" class="sitenotice panel radius"><?php $this->html( 'sitenotice' ); ?></div><?php } ?>
-												<?php if ( $this->data['newtalk'] ) { ?><div id="usermessage" class="newtalk panel radius"><?php $this->html( 'newtalk' ); ?></div><?php } ?>
+												<?php if ( $this->data['sitenotice'] ) { ?><div id="siteNotice" class="sitenotice"><?php $this->html( 'sitenotice' ); ?></div><?php } ?>
+												<?php if ( $this->data['newtalk'] ) { ?><div id="usermessage" class="newtalk"><?php $this->html( 'newtalk' ); ?></div><?php } ?>
 										</div>
 									</div>
 								
diff --git a/assets/scripts/pivot.js b/assets/scripts/pivot.js
index 00c6948..b49e8cf 100644
--- a/assets/scripts/pivot.js
+++ b/assets/scripts/pivot.js
@@ -11,8 +11,10 @@ jQuery(document).ready(function() {
   
   // The Echo extension puts an item in personal tools that Foreground really should have in the top menu
   // to make this easier, we move it here and loaded earlier to speed up transform
+  jQuery("#pt-notifications").prependTo("#echo-notifications-alerts");
   jQuery("#pt-notifications-message").prependTo("#echo-notifications-messages");
   jQuery("#pt-notifications-alert").prependTo("#echo-notifications-alerts");
+  jQuery("#pt-notifications-notice").prependTo("#echo-notifications-notice");
   
   // Append font-awesome icons
   jQuery('[id^=ca-nstab] a').prepend('<div id="drop-icon"><i class="fa fa-file fa-fw"></i></div>')
diff --git a/assets/stylesheets/indicator.gif b/assets/stylesheets/indicator.gif
new file mode 100644
index 0000000..f2a1bc0
Binary files /dev/null and b/assets/stylesheets/indicator.gif differ
diff --git a/assets/stylesheets/pivot.css b/assets/stylesheets/pivot.css
index 0bdc526..d0dfd11 100644
--- a/assets/stylesheets/pivot.css
+++ b/assets/stylesheets/pivot.css
@@ -770,51 +770,59 @@ div.mw-htmlform-field-HTMLCheckField div.mw-label { height:0; }
 /* Add improved styling for the Echo extension */
 
 #echo-notifications {
-  float: right;
-  display: inline-block;
-  margin: -.5em 0;
-  position: relative;
-  z-index: 10000;
-  height: 23px;
+	float: right;
+	display: inline-block;
+	margin: -1em 1em .5em;
+	position: relative;
+	z-index: 500;
+	max-height: 30px;
 }
+#echo-notifications-notice,
+#echo-notifications-alerts,
+#echo-notifications-messages,
+#echo-notifications {
+	display: inline-block;
+} 
 
+#pt-notifications-notice .mw-echo-notifications-badge,
 #pt-notifications-alert .mw-echo-notifications-badge,
 #pt-notifications-message .mw-echo-notifications-badge {
-  background-size: 1.6em !important;
-  display: inline !important;
-  font-size: 1.2em;
-  filter: invert(25%);
-  color: transparent;
+	background-size: 1.4em !important;
+	font-size: 1.1em;
+	color: transparent;
+	filter: invert(15%);
+	height: auto !important;
+	display: block !important;
+}
+#echo-notifications li {
+	list-style: none;
+}
+#echo-notifications-messages {
+	float: right;
+}
+#echo-notifications-alerts {
+	float: right;
+}
+#pt-notifications-alert .mw-echo-unseen-notifications, #pt-notifications-message .mw-echo-unseen-notifications {
+	color: #0645ad !important;
 }
 
 #echo-notifications li {
-  list-style: none;
-}
-
-#echo-notifications-messages {
-  float: right;
-}
-#echo-notifications-alerts {
-  float: right;
-}
-
-#pt-notifications-alert .mw-echo-unseen-notifications,
-#pt-notifications-message .mw-echo-unseen-notifications {
-  color: #0645ad !important;
+    margin: 0 0 0 1em;
 }
 
 /* Make Echo extension more mobile friendly on small widths */
 
 @media only screen and (max-width: 450px) {
-.oo-ui-popupWidget-popup {
-    width: auto !important;
-    position: relative !important;
-    margin-left: -260px !important;
-    font-size: 75% !important;
-}
-.oo-ui-clippableElement-clippable.oo-ui-popupWidget-body {
-    width: 100% !important;
-}
+	.oo-ui-popupWidget-popup {
+		width: auto !important;
+		position: relative !important;
+		margin-left: -260px !important;
+		font-size: 75% !important;
+	}
+	.oo-ui-clippableElement-clippable.oo-ui-popupWidget-body {
+		width: 100% !important;
+	}
 }
 
 /* Aside CSS */
@@ -1158,12 +1166,15 @@ ul[class*="block-grid"] {
 }
 
 .mw-indicators {
-    float: right;
-    line-height: 1.6;
-    font-size: 0.875em;
-    position: relative;
-    margin: -.5em .5em 0;
-    max-height: 25px;
-    width: auto;
-    z-index: 1;
+	float: right;
+	line-height: 1.6;
+	font-size: 0.875em;
+	position: relative;
+	margin: -1em .5em .5em 1em;
+	max-height: 30px;
+	width: auto;
+	z-index: 1;
+}
+.mw-indicator {
+	display: inline-block;
 }
\ No newline at end of file