diff --git a/public/css/style.less b/public/css/style.less
index 0cf52a6dfd..6a93c9c4de 100644
--- a/public/css/style.less
+++ b/public/css/style.less
@@ -759,7 +759,12 @@ body .navbar .nodebb-inline-block {
 #notif-list {
 	li {
 		font-size: 12px;
-		width: 200px;
+		width: 300px;
+		text-align: left;
+
+		a {
+			white-space: normal;
+		}
 
 		&.unread {
 			background: #eceff5;
diff --git a/public/templates/header.tpl b/public/templates/header.tpl
index f6de74602a..9fe341423b 100644
--- a/public/templates/header.tpl
+++ b/public/templates/header.tpl
@@ -47,7 +47,7 @@
 						</li>
 					</ul>
 					<ul class="nav pull-right nodebb-inline-block" id="right-menu">
-						<li class="notifications dropdown">
+						<li class="notifications dropdown text-center">
 							<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="notif_dropdown"><i class="icon-circle-blank"></i></a>
 							<ul id="notif-list" class="dropdown-menu" aria-labelledby="notif_dropdown">
 								<li><a href="#"><i class="icon-refresh icon-spin"></i> Loading Notifications</a></li>