diff --git a/src/component/edge/index.js b/src/component/edge/index.js
index 6ac8dc5e..973af4fd 100644
--- a/src/component/edge/index.js
+++ b/src/component/edge/index.js
@@ -160,7 +160,6 @@ export const Edge = function({
 
     const body = document.querySelector('body');
 
-
     if (secondary.length > 0) {
 
       secondary.forEach((item, i) => {
diff --git a/src/component/menuContent/bookmarkSetting/index.js b/src/component/menuContent/bookmarkSetting/index.js
index cfd87ac3..d03ea088 100644
--- a/src/component/menuContent/bookmarkSetting/index.js
+++ b/src/component/menuContent/bookmarkSetting/index.js
@@ -213,10 +213,8 @@ bookmarkSetting.general = (parent) => {
     max: state.get.minMax().bookmark.size.max,
     action: () => {
       applyCSSVar('bookmark.size');
-      data.save();
-    },
-    sliderAction: () => {
       if (state.get.current().bookmark.show && bookmark.tile.current.length > 0 && bookmarkSetting.edge.general.size) { bookmarkSetting.edge.general.size.track(); };
+      data.save();
     },
     mouseDownAction: () => {
       if (state.get.current().bookmark.show && bookmark.tile.current.length > 0 && bookmarkSetting.edge.general.size) { bookmarkSetting.edge.general.size.show(); };
diff --git a/src/component/menuContent/groupSetting/index.js b/src/component/menuContent/groupSetting/index.js
index d3edb8ba..02a04462 100644
--- a/src/component/menuContent/groupSetting/index.js
+++ b/src/component/menuContent/groupSetting/index.js
@@ -144,10 +144,8 @@ groupSetting.name = (parent) => {
     max: state.get.minMax().group.name.size.max,
     action: () => {
       applyCSSVar('group.name.size');
-      data.save();
-    },
-    sliderAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].name.show && groupSetting.edge.name.size) { groupSetting.edge.name.size.track(); };
+      data.save();
     },
     mouseDownAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].name.show && groupSetting.edge.name.size) { groupSetting.edge.name.size.show(); };
@@ -290,10 +288,8 @@ groupSetting.open = (parent) => {
     max: state.get.minMax().group.openAll.size.max,
     action: () => {
       applyCSSVar('group.openAll.size');
-      data.save();
-    },
-    sliderAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].openAll.show && groupSetting.edge.open.size) { groupSetting.edge.open.size.track(); };
+      data.save();
     },
     mouseDownAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].openAll.show && groupSetting.edge.open.size) { groupSetting.edge.open.size.show(); };
diff --git a/src/component/menuContent/headerSetting/index.js b/src/component/menuContent/headerSetting/index.js
index d945a423..e078e32c 100644
--- a/src/component/menuContent/headerSetting/index.js
+++ b/src/component/menuContent/headerSetting/index.js
@@ -482,10 +482,8 @@ headerSetting.greeting = (parent) => {
     max: state.get.minMax().header.greeting.size.max,
     action: () => {
       applyCSSVar('header.greeting.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.greeting.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.greeting.size.show();
@@ -653,10 +651,8 @@ headerSetting.transitional = (parent) => {
     max: state.get.minMax().header.transitional.size.max,
     action: () => {
       applyCSSVar('header.transitional.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.transitional.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.transitional.size.show();
@@ -920,10 +916,8 @@ headerSetting.clock = (parent) => {
     max: state.get.minMax().header.clock.size.max,
     action: () => {
       applyCSSVar('header.clock.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.clock.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.clock.size.show();
@@ -1431,10 +1425,8 @@ headerSetting.date = (parent) => {
     max: state.get.minMax().header.date.size.max,
     action: () => {
       applyCSSVar('header.date.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.date.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.date.size.show();
@@ -1544,10 +1536,8 @@ headerSetting.search = (parent) => {
     max: state.get.minMax().header.search.size.max,
     action: () => {
       applyCSSVar('header.search.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.search.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.search.size.show();
@@ -1754,10 +1744,8 @@ headerSetting.search = (parent) => {
       max: state.get.minMax().header.search.width.size.max,
       action: () => {
         applyCSSVar('header.search.width.size');
-        data.save();
-      },
-      sliderAction: () => {
         headerSetting.edge.search.size.track();
+        data.save();
       },
       mouseDownAction: () => {
         headerSetting.edge.search.size.show();
diff --git a/src/component/menuContent/layoutSetting/index.js b/src/component/menuContent/layoutSetting/index.js
index 254b3fe6..26663140 100644
--- a/src/component/menuContent/layoutSetting/index.js
+++ b/src/component/menuContent/layoutSetting/index.js
@@ -127,10 +127,8 @@ layoutSetting.scaling = (parent) => {
     max: state.get.minMax().layout.size.max,
     action: () => {
       applyCSSVar('layout.size');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.scaling.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.scaling.size.show();
@@ -167,10 +165,8 @@ layoutSetting.area = (parent) => {
     max: state.get.minMax().layout.width.max,
     action: () => {
       applyCSSVar('layout.width');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.area.width.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.area.width.show();
@@ -192,10 +188,8 @@ layoutSetting.area = (parent) => {
       max: state.get.minMax().layout.area.header.width.max,
       action: () => {
         applyCSSVar('layout.area.header.width');
-        data.save();
-      },
-      sliderAction: () => {
         layoutSetting.edge.area.header.track();
+        data.save();
       },
       mouseDownAction: () => {
         layoutSetting.edge.area.header.show();
@@ -240,10 +234,8 @@ layoutSetting.area = (parent) => {
       max: state.get.minMax().layout.area.bookmark.width.max,
       action: () => {
         applyCSSVar('layout.area.bookmark.width');
-        data.save();
-      },
-      sliderAction: () => {
         layoutSetting.edge.area.bookmark.track();
+        data.save();
       },
       mouseDownAction: () => {
         layoutSetting.edge.area.bookmark.show();
@@ -317,10 +309,8 @@ layoutSetting.padding = (parent) => {
     max: state.get.minMax().layout.padding.max,
     action: () => {
       applyCSSVar('layout.padding');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.padding.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.padding.show();
@@ -353,10 +343,8 @@ layoutSetting.gutter = (parent) => {
     max: state.get.minMax().layout.gutter.max,
     action: () => {
       applyCSSVar('layout.gutter');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.gutter.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.gutter.show();
diff --git a/src/component/menuContent/toolbarSetting/index.js b/src/component/menuContent/toolbarSetting/index.js
index cf1b1a25..3b109959 100644
--- a/src/component/menuContent/toolbarSetting/index.js
+++ b/src/component/menuContent/toolbarSetting/index.js
@@ -98,10 +98,8 @@ toolbarSetting.size = (parent) => {
     max: state.get.minMax().toolbar.size.max,
     action: () => {
       applyCSSVar('toolbar.size');
-      data.save();
-    },
-    sliderAction: () => {
       toolbarSetting.edge.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       toolbarSetting.edge.size.show();