diff --git a/packages/client/src/components/MkModal.vue b/packages/client/src/components/MkModal.vue
index b88dee380e..80cfaf8da4 100644
--- a/packages/client/src/components/MkModal.vue
+++ b/packages/client/src/components/MkModal.vue
@@ -341,12 +341,12 @@ defineExpose({
 .transition_modal-popup_enterActive,
 .transition_modal-popup_leaveActive {
 	> .bg {
-		transition: opacity 0.1s !important;
+		transition: opacity 0.2s !important;
 	}
 
 	> .content {
 		transform-origin: var(--transformOrigin);
-		transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1), transform 0.1s cubic-bezier(0, 0, 0.2, 1) !important;
+		transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1) !important;
 	}
 }
 .transition_modal-popup_enterFrom,
diff --git a/packages/client/src/pages/admin/overview.federation.vue b/packages/client/src/pages/admin/overview.federation.vue
index 961837b226..f47632d40f 100644
--- a/packages/client/src/pages/admin/overview.federation.vue
+++ b/packages/client/src/pages/admin/overview.federation.vue
@@ -147,14 +147,14 @@ onMounted(async () => {
 
 				&.sub {
 					> .icon {
-						background: #907aa955;
+						background: #907aa922;
 						color: #c4a7e7;
 					}
 				}
 
 				&.pub {
 					> .icon {
-						background: #56949f55;
+						background: #56949f22;
 						color: #9ccfd8;
 					}
 				}
diff --git a/packages/client/src/pages/admin/overview.stats.vue b/packages/client/src/pages/admin/overview.stats.vue
index 0868cba3d1..91ab737830 100644
--- a/packages/client/src/pages/admin/overview.stats.vue
+++ b/packages/client/src/pages/admin/overview.stats.vue
@@ -106,35 +106,35 @@ onMounted(async () => {
 
 			&.users {
 				> .icon {
-					background: #56949f55;
+					background: #56949f22;
 					color: #9ccfd8;
 				}
 			}
 
 			&.notes {
 				> .icon {
-					background: #28698355;
+					background: #28698322;
 					color: #31748f;
 				}
 			}
 
 			&.instances {
 				> .icon {
-					background: #d7827e55;
+					background: #d7827e22;
 					color: #ebbcba;
 				}
 			}
 
 			&.emojis {
 				> .icon {
-					background: #ea9d3455;
+					background: #ea9d3422;
 						color: #f6c177;
 				}
 			}
 
 			&.online {
 				> .icon {
-					background: #907aa955;
+					background: #907aa922;
 					color: #c4a7e7;
 				}
 			}