diff --git a/src/lib/Date.svelte b/src/lib/Date.svelte
index c4af8f3..258a2ea 100644
--- a/src/lib/Date.svelte
+++ b/src/lib/Date.svelte
@@ -13,10 +13,19 @@
 	});
 </script>
 
-<span class="group underline">
+<span class="group text-light underline">
 	<span class="group-hover:hidden">
 		about
-		{#if minutes == 0}
+		{#if days > 0}
+			<span>{days}d</span>
+		{:else if hours > 0}
+			<span>{hours}h</span>
+		{:else if minutes > 0}
+			<span>{minutes}m</span>
+		{:else}
+			<span>{seconds}s</span>
+		{/if}
+		<!-- {#if minutes == 0}
 			<span>{seconds}s</span>
 		{:else if hours == 0}
 			<span>{minutes}m</span>
@@ -24,7 +33,7 @@
 			<span>{hours}h</span>
 		{:else}
 			<span>{days}d</span>
-		{/if}
+		{/if} -->
 		ago
 	</span>
 	<span class="hidden group-hover:block">