diff --git a/dribbblish-dynamic.js b/dribbblish-dynamic.js
index 8efb61a..f9ea1f0 100644
--- a/dribbblish-dynamic.js
+++ b/dribbblish-dynamic.js
@@ -74,20 +74,19 @@ document.styleSheets[0].insertRule(`
 /* Config settings */
 
 DribbblishShared.config.register({
+    area: "Animations & Transitions",
     type: "slider",
-    data: {
-        "min": 0,
-        "max": 10,
-        "step": 0.1,
-        "suffix": "s"
-    },
     key: "fadeDuration",
     name: "Color Fade Duration",
     description: "Select the duration of the color fading transition",
     defaultValue: 0.5,
-    onChange: (val) => {
-        document.documentElement.style.setProperty("--song-transition-speed", val+"s");
-    }
+    data: {
+        min: 0,
+        max: 10,
+        step: 0.1,
+        suffix: "s"
+    },
+    onChange: (val) => document.documentElement.style.setProperty("--song-transition-speed", val + "s")
 });
 
 /* js */
diff --git a/dribbblish.js b/dribbblish.js
index fd808fb..1f134d3 100644
--- a/dribbblish.js
+++ b/dribbblish.js
@@ -333,6 +333,7 @@ DribbblishShared.config.register({
 });
 
 DribbblishShared.config.register({
+    area: "Animations & Transitions",
     type: "checkbox",
     key: "sidebarHoverAnimation",
     name: "Sidebar Hover Animation",