diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.vue b/packages/frontend/src/widgets/WidgetInstanceInfo.vue
index 62446f152461..5d8beaf9a9b3 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.vue
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.vue
@@ -87,13 +87,13 @@ defineExpose<WidgetComponentExpose>({
 
 .name {
 	color: #fff;
-	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px var(--accent));
+	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
 	font-weight: bold;
 }
 
 .host {
 	color: #fff;
-	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px var(--accent));
+	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
 
 }
 </style>
diff --git a/packages/frontend/src/widgets/WidgetProfile.vue b/packages/frontend/src/widgets/WidgetProfile.vue
index 1512f81593ac..ae39098305b3 100644
--- a/packages/frontend/src/widgets/WidgetProfile.vue
+++ b/packages/frontend/src/widgets/WidgetProfile.vue
@@ -88,13 +88,13 @@ defineExpose<WidgetComponentExpose>({
 
 .name {
 	color: #fff;
-	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px var(--accent));
+	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
 	font-weight: bold;
 }
 
 .username {
 	color: #fff;
-	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px var(--accent));
+	filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
 	font-weight: normal;
 }
 </style>