diff --git a/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less b/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
index 442f6908e..d1149a0c9 100644
--- a/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
+++ b/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
@@ -6,9 +6,10 @@
 		width: @bundle-group-padding;
 		height: @bundle-group-padding;
 		margin: @bundle-group-padding;
+		box-sizing: border-box;
 
 		// Mark as read
-		background-color: #347BFF;
+		background-color: #36c;
 		border: 0;
 
 		// Mark as unread
@@ -20,7 +21,7 @@
 
 	&:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
 		// Mark as read
-		background-color: #ddd;
+		background-color: #99b2e5;
 
 		// Mark as unread
 		&-unread {