diff --git a/css/style.css b/css/style.css
index ab8ac0201..fce9324a1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -459,15 +459,17 @@ button.button-inline:hover {
 }
 
 .card-controls .icon-filetype-text {
-	margin-right: 5px;
+	margin-right: 10px;
 }
 
 .due {
-	padding: 1px 0px;
-	border-radius: 4px;
-	margin-right: 4px;
+	border-radius: 3px;
+	margin: -4px 4px -4px -4px;
+	padding: 0px 4px;
 	font-size: 90%;
 	opacity: .7;
+	display: flex;
+	align-items: center;
 }
 .due .icon {
 	background-size: contain;
@@ -475,25 +477,21 @@ button.button-inline:hover {
 	opacity: 0.7;
 	width: 16px;
 	height: 16px;
-	margin-top:2px;
 }
 .overdue {
 	background-color: #e12419;
 	color: #fff;
-	padding: 1px 3px;
 }
 .due.now {
 	background-color: #fbd850;
-	padding: 1px 3px;
 }
 .due.next {
 	background-color: #fbf790;
-	padding: 1px 3px;
 }
 
 .due .badge-icon {
 	background-image: url(../../../core/img/places/calendar-dark.svg);
-	margin-right: 2px;
+	margin-right: 3px;
 }
 .overdue .badge-icon {
 	background-image: url(../img/calendar-white.svg);