diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 4ca7b6734e..f04f4f9e67 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -2521,8 +2521,7 @@ export default {
 .view-panel-Mask {
   display: flex;
   height: calc(100vh - 60px);
-  background-color: #5c5e61;
-  opacity: 0.7;
+  background-color: rgba(92,94,97, 0.7);
   position:absolute;
   top:0px;
   left: 0px;
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index 0516c57943..4a2b2c8bc8 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -809,7 +809,8 @@ export default {
         }
         this.currentFilterCom.id = newComponentId
         this.currentFilterCom.auxiliaryMatrix = this.canvasStyleData.auxiliaryMatrix
-        this.currentFilterCom.mobileStyle = BASE_MOBILE_STYLE
+        this.currentFilterCom.mobileStyle = deepCopy(BASE_MOBILE_STYLE)
+        this.currentFilterCom['hyperlinks'] = deepCopy(HYPERLINKS)
         this.currentFilterCom.commonBackground = this.currentFilterCom.commonBackground || deepCopy(COMMON_BACKGROUND)
 
         if (this.currentWidget.filterDialog) {