diff --git a/.storybook/manager.ts b/.storybook/manager.ts
new file mode 100644
index 000000000..e3b953640
--- /dev/null
+++ b/.storybook/manager.ts
@@ -0,0 +1,23 @@
+import { addons } from '@storybook/manager-api';
+
+addons.setConfig({
+  navSize: 300,
+  rightPanelWidth: 300,
+  panelPosition: 'right',
+  enableShortcuts: true,
+  showToolbar: true,
+  theme: undefined,
+  selectedPanel: undefined,
+  initialActive: 'sidebar',
+  sidebar: {
+    showRoots: false,
+    collapsedRoots: ['other'],
+  },
+  toolbar: {
+    title: { hidden: false },
+    zoom: { hidden: false },
+    eject: { hidden: false },
+    copy: { hidden: false },
+    fullscreen: { hidden: false },
+  },
+});
diff --git a/package.json b/package.json
index 7d1e610c7..be31bc138 100644
--- a/package.json
+++ b/package.json
@@ -98,6 +98,7 @@
     "@rollup/plugin-replace": "^5.0.4",
     "@rollup/plugin-typescript": "^11.1.5",
     "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/manager-api": "^8.4.7",
     "@storybook/react-vite": "^8.0.9",
     "@svgr/rollup": "^8.1.0",
     "@testing-library/jest-dom": "^5.16.5",
diff --git a/yarn.lock b/yarn.lock
index 740d12dcf..d2c737929 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2774,6 +2774,7 @@ __metadata:
     "@sendbird/react-uikit-message-template-view": 0.0.2
     "@sendbird/uikit-tools": 0.0.2
     "@storybook/addon-essentials": ^8.0.9
+    "@storybook/manager-api": ^8.4.7
     "@storybook/react-vite": ^8.0.9
     "@svgr/rollup": ^8.1.0
     "@testing-library/jest-dom": ^5.16.5
@@ -3164,6 +3165,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/manager-api@npm:^8.4.7":
+  version: 8.4.7
+  resolution: "@storybook/manager-api@npm:8.4.7"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 2b826ec55de7ea0b5b5151dfa896f3e7eddfd36ede61f8a7ad14a37733d5d5645565f863dbde7e2272f1e9b5717f26de7802ae60e297a2647ee2c4c072ed3069
+  languageName: node
+  linkType: hard
+
 "@storybook/preview-api@npm:^8.3.5":
   version: 8.3.5
   resolution: "@storybook/preview-api@npm:8.3.5"