diff --git a/packages/frontend/src/widgets/WidgetKordle.vue b/packages/frontend/src/widgets/WidgetKordle.vue
index 55178d4df95e..5c4a3c58f1e5 100644
--- a/packages/frontend/src/widgets/WidgetKordle.vue
+++ b/packages/frontend/src/widgets/WidgetKordle.vue
@@ -44,12 +44,9 @@ defineExpose<WidgetComponentExpose>({
 </script>
 
 <style lang="scss" module>
-.root {
-	border: none;
-	pointer-events: none;
-	color-scheme: light;
-}
-.kordle {
-	height: 100%;
-}
+.mkw-kordle {
+	.kordle {
+		height: 100%;
+	};
+};
 </style>
diff --git a/packages/frontend/src/widgets/WidgetSpinner.vue b/packages/frontend/src/widgets/WidgetSpinner.vue
index 79930545d50b..35611d951836 100644
--- a/packages/frontend/src/widgets/WidgetSpinner.vue
+++ b/packages/frontend/src/widgets/WidgetSpinner.vue
@@ -69,16 +69,18 @@ defineExpose<WidgetComponentExpose>({
 </script>
 
 <style lang="scss" module>
-.spinner-box {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	transition: transform 0.8s ease-in-out;
+.mkw-spinner {
+	> .spinner-box {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		transition: transform 0.8s ease-in-out;
 
-	> .spinner {
-		position: absolute;
-		width: 90%;
-		height: 90%;
+		> .spinner {
+			position: absolute;
+			width: 90%;
+			height: 90%;
+		};
 	};
 };
 </style>