diff --git a/packages/client/src/components/reactions-viewer.reaction.vue b/packages/client/src/components/reactions-viewer.reaction.vue
index bab6d9ac5..7dc079fde 100644
--- a/packages/client/src/components/reactions-viewer.reaction.vue
+++ b/packages/client/src/components/reactions-viewer.reaction.vue
@@ -121,15 +121,12 @@ export default defineComponent({
 	margin: 2px;
 	padding: 0 6px;
 	border-radius: 4px;
-	box-shadow: 0px 0px 4px 2px var(--bg) inset;
-  background-color: var(--accent);
 
 	&.canToggle {
-		box-shadow: 0px 0px 4px 0px var(--accent) inset;
-    background-color: var(--bg);
+		background: rgba(0, 0, 0, 0.05);
 
 		&:hover {
-			background: var(--bg);
+			background: rgba(0, 0, 0, 0.1);
 		}
 	}
 
@@ -140,11 +137,6 @@ export default defineComponent({
 	&.reacted {
 		background: var(--accent);
 
-		&.canToggle {
-			box-shadow: 0px 0px 4px 0px var(--accent) inset;
-			background-color: var(--bg);
-		}
-
 		&:hover {
 			background: var(--accent);
 		}
diff --git a/packages/client/src/widgets/server-metric/pie.vue b/packages/client/src/widgets/server-metric/pie.vue
index 73efa5932..3f60a9576 100644
--- a/packages/client/src/widgets/server-metric/pie.vue
+++ b/packages/client/src/widgets/server-metric/pie.vue
@@ -14,7 +14,7 @@
 		:stroke-dashoffset="strokeDashoffset"
 		fill="none"
 		stroke-width="0.1"
-		stroke="#CECEFF"
+		stroke="#96CCE7"
 	/>
 	<text x="50%" y="50%" dy="0.05" text-anchor="middle">{{ (value * 100).toFixed(0) }}%</text>
 </svg>