diff --git a/build/js/ControlSidebar.js b/build/js/ControlSidebar.js
index e7b407108..15f023720 100644
--- a/build/js/ControlSidebar.js
+++ b/build/js/ControlSidebar.js
@@ -12,7 +12,7 @@ const ControlSidebar = (($) => {
    */
 
   const NAME               = 'ControlSidebar'
-  const DATA_KEY           = 'lte.control.sidebar'
+  const DATA_KEY           = 'lte.controlsidebar'
   const EVENT_KEY          = `.${DATA_KEY}`
   const JQUERY_NO_CONFLICT = $.fn[NAME]
   const DATA_API_KEY       = '.data-api'
diff --git a/docs/javascript/control-sidebar.md b/docs/javascript/control-sidebar.md
index 286497cfe..516d74318 100644
--- a/docs/javascript/control-sidebar.md
+++ b/docs/javascript/control-sidebar.md
@@ -54,8 +54,8 @@ $("#my-toggle-button").ControlSidebar('toggle');
 |---
 | Event Type | Description
 |-|-
-|expanded.lte.control.sidebar | Triggered after a control sidebar expands.
-|collapsed.lte.control.sidebar | Triggered after a control sidebar collapses.
+|expanded.lte.controlsidebar | Triggered after a control sidebar expands.
+|collapsed.lte.controlsidebar | Triggered after a control sidebar collapses.
 {: .table .table-bordered .bg-light}
 
-Example: `$('#toggle-button').on('expanded.lte.control.sidebar', handleExpandedEvent)`
+Example: `$('#toggle-button').on('expanded.lte.controlsidebar', handleExpandedEvent)`