diff --git a/frontend/src/views/ServiceModal.vue b/frontend/src/views/ServiceModal.vue
index b5319ad..9c6d0e6 100644
--- a/frontend/src/views/ServiceModal.vue
+++ b/frontend/src/views/ServiceModal.vue
@@ -158,29 +158,25 @@
 	}
 
 	::v-deep .custom-checkbox .custom-control-label::before {
-		border: 1px solid rgba(122, 29, 255, 0.8);
+		border: 1px solid rgba(122, 29, 255, 0.7);
 		background: rgba(122, 29, 255, 0.08);
-		box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.35);
+		box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.25);
 	}
 
 	::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
-		background: rgba(122, 29, 255, 0.18);
+		background: rgba(122, 29, 255, 0.25);
 		border-color: rgba(198, 107, 255, 0.9);
-		box-shadow: 0 0 10px rgba(198, 107, 255, 0.4);
+		box-shadow: 0 0 10px rgba(198, 107, 255, 0.35);
 	}
 
 	::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
 		background: transparent;
-		width: 12px;
-		height: 12px;
-		left: 5px;
-		top: 4px;
-		transform: none;
-		box-shadow:
-			2px 6px 0 #c66bff,
-			4px 8px 0 #c66bff,
-			6px 6px 0 #c66bff,
-			6px 4px 0 #c66bff,
-			8px 6px 0 #c66bff;
+		content: "✓";
+		color: var(--accent);
+		font-family: var(--pixel-font);
+		font-size: 12px;
+		left: 3px;
+		top: 0;
+		opacity: 1;
 	}
 </style>