diff --git a/packages/client/src/pages/admin/overview.federation.vue b/packages/client/src/pages/admin/overview.federation.vue
index 6909a238b..71f5a054b 100644
--- a/packages/client/src/pages/admin/overview.federation.vue
+++ b/packages/client/src/pages/admin/overview.federation.vue
@@ -97,8 +97,8 @@ onMounted(async () => {
 		> .pies {
 			display: grid;
 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-			grid-gap: 16px;
-			margin-bottom: 16px;
+			grid-gap: 12px;
+			margin-bottom: 12px;
 
 			> .pie {
 				position: relative;
@@ -127,7 +127,7 @@ onMounted(async () => {
 		> .items {
 			display: grid;
 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-			grid-gap: 16px;
+			grid-gap: 12px;
 
 			> .item {
 				display: flex;
diff --git a/packages/client/src/pages/admin/overview.queue.vue b/packages/client/src/pages/admin/overview.queue.vue
index 9fd799e15..72ebddc72 100644
--- a/packages/client/src/pages/admin/overview.queue.vue
+++ b/packages/client/src/pages/admin/overview.queue.vue
@@ -109,7 +109,7 @@ onUnmounted(() => {
 		> .charts {
 			display: grid;
 			grid-template-columns: 1fr 1fr;
-			gap: 16px;
+			gap: 12px;
 
 			> .chart {
 				min-width: 0;
diff --git a/packages/client/src/pages/admin/overview.stats.vue b/packages/client/src/pages/admin/overview.stats.vue
index ad0edf94e..28c5401ab 100644
--- a/packages/client/src/pages/admin/overview.stats.vue
+++ b/packages/client/src/pages/admin/overview.stats.vue
@@ -82,7 +82,7 @@ onMounted(async () => {
 .root {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-	grid-gap: 16px;
+	grid-gap: 12px;
 
 	&:global {
 		> .item {