diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue
index f4ec990d8d..c3cdabcc1c 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -138,8 +138,10 @@ const btnHoverStyle = computed(() => {
   let btnColor = customStyle.btnColor
   if (customStyle.btnColor.startsWith('rgb')) {
     btnColor = rgbaTo16color(customStyle.btnColor)
-  } else {
-    btnColor = customStyle.btnColor.substr(1)
+  }
+
+  if (btnColor.startsWith('#')) {
+    btnColor = btnColor.substr(1)
   }
 
   return {