diff --git a/css/styles.css b/css/styles.css
index 3f1c003e2..2574db0d2 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,6 +1,7 @@
 .notification {
 	display: block;
 	padding: 7px 15px 50px 15px;
+	line-height: 1.75em;
 }
 .notification:not(:last-child) {
 	border-bottom: 1px solid rgb(238, 238, 238);
@@ -44,15 +45,11 @@
 .notification:hover > .notification-delete{
 	display: block !important;
 	position: absolute;
-	top: 4px;
-	right: 9px;
+	top: 7px;
+	right: 14px;
 	opacity: 0.3;
 }
 
-.notification:hover {
-	background-color: #f8f8f8;
-}
-
 .notification-delete:hover {
 	opacity: 0.8 !important;
 	cursor: pointer;
@@ -95,6 +92,10 @@
 	padding: 0;
 }
 
+.notification .notification-actions .action-button.primary{
+	color: #fff;
+}
+
 .notification .notification-actions:first-child {
 	margin-left: auto;
 }
@@ -102,6 +103,10 @@
 .notification .notification-subject {
 	display: inline-block;
 	margin-right: 10px;
+	opacity: .57;
+}
+.notification .notification-subject:hover {
+	opacity: 1;
 }
 
 .notification .notification-message {
diff --git a/js/notification.js b/js/notification.js
index 0beb1711f..c71e0d049 100644
--- a/js/notification.js
+++ b/js/notification.js
@@ -124,7 +124,7 @@
 			_.each(actionsData, function(actionData) {
 				// FIXME: use handlebars template
 				actions.append(
-					'<button class="action-button' + (actionData.primary ? ' primary': '') + '" data-type="' + escapeHTML(actionData.type) + '" ' +
+					'<button class="action-button' + (actionData.primary ? ' primary pull-right': '') + '" data-type="' + escapeHTML(actionData.type) + '" ' +
 					'data-href="'+escapeHTML(actionData.link)+'">'+escapeHTML(actionData.label)+'</button>'
 				);
 				// TODO create event handler on click for given action type