diff --git a/apps/client/src/features/page-history/components/history-modal-body.tsx b/apps/client/src/features/page-history/components/history-modal-body.tsx
index a2787526..1763fc47 100644
--- a/apps/client/src/features/page-history/components/history-modal-body.tsx
+++ b/apps/client/src/features/page-history/components/history-modal-body.tsx
@@ -65,10 +65,10 @@ export default function HistoryModalBody({ pageId }: Props) {
             <Group gap="md">
               {diffCounts && (
                 <Group gap="xs">
-                  <Badge variant="light" color="green" size="sm">
+                  <Badge variant="filled" color="green" size="sm">
                     +{diffCounts.added}
                   </Badge>
-                  <Badge variant="light" color="red" size="sm">
+                  <Badge variant="filled" color="red" size="sm">
                     -{diffCounts.deleted}
                   </Badge>
                 </Group>