diff --git a/modules/echo.variables.less b/modules/echo.variables.less
index 24b3d200f..db1d2daa1 100644
--- a/modules/echo.variables.less
+++ b/modules/echo.variables.less
@@ -15,3 +15,4 @@
 @opacity-low: 0.5;
 @opacity-mid: 0.8;
 
+@specialpage-separation-unit: 0.7em;
diff --git a/modules/styles/mw.echo.ui.DatedNotificationsWidget.less b/modules/styles/mw.echo.ui.DatedNotificationsWidget.less
index 523568f49..b740f9aba 100644
--- a/modules/styles/mw.echo.ui.DatedNotificationsWidget.less
+++ b/modules/styles/mw.echo.ui.DatedNotificationsWidget.less
@@ -1,3 +1,4 @@
+@import '../echo.variables';
 .mw-echo-ui-datedNotificationsWidget {
 	min-height: 5em;
 
@@ -15,8 +16,7 @@
 		overflow-y: auto;
 
 		&-header {
-			border-bottom: 1px #ccc solid;
-			margin-bottom: 0.5em;
+			margin-bottom: @specialpage-separation-unit;
 		}
 	}
 }
diff --git a/modules/styles/mw.echo.ui.NotificationsInboxWidget.less b/modules/styles/mw.echo.ui.NotificationsInboxWidget.less
index fdd6c3ec3..cddaf33db 100644
--- a/modules/styles/mw.echo.ui.NotificationsInboxWidget.less
+++ b/modules/styles/mw.echo.ui.NotificationsInboxWidget.less
@@ -1,3 +1,4 @@
+@import '../echo.variables';
 .mw-echo-ui-notificationsInboxWidget {
 	&-toolbar {
 		&-row {
@@ -6,7 +7,7 @@
 
 		&-top {
 			display: table;
-			margin-bottom: 2em;
+			margin-bottom: 3 * @specialpage-separation-unit;
 
 
 			&-placeholder {
@@ -20,7 +21,7 @@
 			width: inherit;
 			margin-left: auto;
 			margin-right: auto;
-			margin-top: 2em;
+			margin-top: 3 * @specialpage-separation-unit;
 		}
 
 		&-pagination {
diff --git a/modules/styles/mw.echo.ui.SubGroupListWidget.less b/modules/styles/mw.echo.ui.SubGroupListWidget.less
index 95035eb3f..869c177fd 100644
--- a/modules/styles/mw.echo.ui.SubGroupListWidget.less
+++ b/modules/styles/mw.echo.ui.SubGroupListWidget.less
@@ -22,7 +22,6 @@
 			&-markAllReadButton {
 				display: table-cell;
 				text-align: right;
-				padding-bottom: 0.5em;
 			}
 		}
 	}