diff --git a/core/frontend/src/components/widget/deWidget/DeButton.vue b/core/frontend/src/components/widget/deWidget/DeButton.vue
index 0eb1680d25..73b86b83b9 100644
--- a/core/frontend/src/components/widget/deWidget/DeButton.vue
+++ b/core/frontend/src/components/widget/deWidget/DeButton.vue
@@ -27,6 +27,10 @@ export default {
       type: Boolean,
       default: true
     },
+    canvasStyleData:{
+      type: Object,
+      default: {}
+    },
     size: String
   },
 
@@ -45,10 +49,7 @@ export default {
         }
       }
       return false
-    },
-    ...mapState([
-      'canvasStyleData'
-    ])
+    }
 
   },
   created() {
diff --git a/core/frontend/src/components/widget/deWidget/DeResetButton.vue b/core/frontend/src/components/widget/deWidget/DeResetButton.vue
index 4ffe210f77..5c5babb3d7 100644
--- a/core/frontend/src/components/widget/deWidget/DeResetButton.vue
+++ b/core/frontend/src/components/widget/deWidget/DeResetButton.vue
@@ -27,6 +27,10 @@ export default {
       type: Boolean,
       default: true
     },
+    canvasStyleData:{
+      type: Object,
+      default: {}
+    },
     size: String
   },
   data() {
@@ -44,11 +48,7 @@ export default {
         }
       }
       return false
-    },
-    ...mapState([
-      'canvasStyleData'
-    ])
-
+    }
   },
   created() {
   },