diff --git a/src/Umbraco.Web.UI.Client/src/less/grid.less b/src/Umbraco.Web.UI.Client/src/less/grid.less
index 580d23c57e..8c6fc0636d 100644
--- a/src/Umbraco.Web.UI.Client/src/less/grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/grid.less
@@ -148,7 +148,7 @@ body {
 #speechbubble {
   z-index: 1000;
   position: absolute;
-  bottom: 0px;
+  bottom: 20px;
   left: 0;
   width: 100%;
   border-bottom: none;
diff --git a/src/Umbraco.Web.UI.Client/src/less/main.less b/src/Umbraco.Web.UI.Client/src/less/main.less
index e98cb87d59..226dc40a06 100644
--- a/src/Umbraco.Web.UI.Client/src/less/main.less
+++ b/src/Umbraco.Web.UI.Client/src/less/main.less
@@ -225,15 +225,19 @@ label {
 .umb-notification ul {
   list-style: none;
   margin: 0;
-  margin-left: 80px;
+  padding-left: 100px;
+  padding-right: 20px;
+  position: relative;
 }
 .umb-notification li {
   padding: 5px 30px 5px 20px;
   text-shadow: none;
   font-size: 12px;
   margin: auto;
+  margin-top: 5px;
   border: none;
-  border-radius: 0;
+  border-radius: 5;
+  position: relative;
 }
 
 /* TABLE */
diff --git a/src/Umbraco.Web.UI.Client/src/views/directives/umb-notifications.html b/src/Umbraco.Web.UI.Client/src/views/directives/umb-notifications.html
index cba69ad253..8151f749cd 100644
--- a/src/Umbraco.Web.UI.Client/src/views/directives/umb-notifications.html
+++ b/src/Umbraco.Web.UI.Client/src/views/directives/umb-notifications.html
@@ -1,9 +1,13 @@
 <div id='speechbubble' class='umb-notification' ng-cloak>
     <ul>
         <li ng-repeat="notification in notifications" class="alert alert-block alert-{{notification.type}}">
+            
+            <a class='close' ng-click="removeNotification($index)" prevent-default href='#'>&times;</a>
+
             <strong>{{notification.headline}}</strong>
             {{notification.message}}
-            <a class='close' ng-click="removeNotification($index)" prevent-default href='#'>&times;</a>
+            
+           
         </li>
     </ul>
 </div>