diff --git a/.storybook/main.js b/.storybook/main.js
index 1d892d7bbe..3596c88b9e 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -4,7 +4,8 @@ const config = {
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions'
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm'
   ],
   framework: {
     name: '@storybook/react-webpack5',
diff --git a/client/index.stories.mdx b/client/index.stories.mdx
index 50a676d125..9bbb1d2894 100644
--- a/client/index.stories.mdx
+++ b/client/index.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/blocks';
 
 <Meta title=" |Intro" />
 
diff --git a/package.json b/package.json
index 44ac764225..f1f8b1d71c 100644
--- a/package.json
+++ b/package.json
@@ -96,16 +96,17 @@
     "@babel/plugin-transform-react-inline-elements": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
-    "@storybook/addon-actions": "^7.0.24",
-    "@storybook/addon-docs": "^7.0.24",
-    "@storybook/addon-essentials": "^7.0.27",
-    "@storybook/addon-interactions": "^7.0.27",
-    "@storybook/addon-links": "^5.3.21",
-    "@storybook/addons": "^5.3.21",
-    "@storybook/blocks": "^7.0.27",
-    "@storybook/react": "^7.0.24",
-    "@storybook/react-webpack5": "^7.0.27",
-    "@storybook/testing-library": "^0.0.14-next.2",
+    "@storybook/addon-actions": "^7.6.8",
+    "@storybook/addon-docs": "^7.6.8",
+    "@storybook/addon-essentials": "^7.6.8",
+    "@storybook/addon-interactions": "^7.6.8",
+    "@storybook/addon-links": "^7.6.8",
+    "@storybook/addon-mdx-gfm": "^7.6.8",
+    "@storybook/addons": "^7.6.8",
+    "@storybook/blocks": "^7.6.8",
+    "@storybook/react": "^7.6.8",
+    "@storybook/react-webpack5": "^7.6.8",
+    "@storybook/testing-library": "^0.2.2",
     "@svgr/webpack": "^6.2.1",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^12.1.2",
@@ -121,7 +122,7 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.6.15",
     "file-loader": "^6.2.0",
     "husky": "^4.3.8",
     "jest": "^27.3.1",
@@ -140,8 +141,8 @@
     "rimraf": "^2.7.1",
     "sass": "^1.66.1",
     "sass-loader": "^12.6.0",
-    "storybook": "^7.0.27",
-    "storybook-addon-theme-playground": "^2.2.0",
+    "storybook": "^7.6.8",
+    "storybook-addon-theme-playground": "^3.1.0",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.3.1",
     "webpack-cli": "^4.9.2",