diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
index 2ea072fdb..717d8ce00 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
@@ -199,9 +199,7 @@
                                 class="u-flex u-gap-4 u-cross-center policy-item-subtitles darker-neutral-color">
                                 <span
                                     class="medium-ellipse"
-                                    style="color: {lastBackupDates[policy.$id]
-                                        ? 'hsl(var(--color-success-100))'
-                                        : 'inherit'};">●</span>
+                                    class:success={!!lastBackupDates[policy.$id]}>●</span>
                                 <span class="policy-item-subtitles">
                                     {#if lastBackupDates[policy.$id]}
                                         {toLocaleDateTime(lastBackupDates[policy.$id])}
@@ -347,6 +345,10 @@
         color: hsl(var(--color-neutral-20));
     }
 
+    :global(.medium-ellipse.success) {
+        color: hsl(var(--color-success-100));
+    }
+
     :global(.u-gap-6) {
         gap: 0.375rem;
     }