Merge branch 'feature/modal' into main

package.json

@@ -61,15 +61,15 @@
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-replace": "^4.0.0",
     "@rollup/plugin-typescript": "^8.3.4",
-    "@storybook/addon-essentials": "^7.4.1",
-    "@storybook/addon-interactions": "^7.4.1",
-    "@storybook/addon-links": "^7.4.1",
-    "@storybook/blocks": "^7.4.1",
-    "@storybook/jest": "^0.2.2",
-    "@storybook/react": "^7.4.1",
-    "@storybook/react-webpack5": "^7.4.1",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/blocks": "^7.4.6",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-webpack5": "^7.4.6",
     "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.1",
+    "@storybook/testing-library": "^0.2.2",
     "@svgr/rollup": "^6.3.1",
     "@types/draftjs-to-html": "^0.8.1",
     "@types/google-libphonenumber": "^7.4.23",
@@ -81,7 +81,7 @@
     "@types/styled-components": "^5.1.26",
     "auto": "^10.46.0",
     "chromatic": "^6.19.9",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.15",
     "msw": "^1.2.2",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
@@ -94,7 +94,7 @@
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "storybook": "^7.4.1",
+    "storybook": "^7.4.6",
     "typescript": "^5.1.6"
   },
   "resolutions": {

src/components/Modal/ModalPrimary.tsx

@@ -21,6 +21,7 @@ const TitleView = styled.div`
 `
 const ChildrenView = styled.div`
     padding: 0px 24px;
+    position: relative;
 `
 const Buttons = styled.div`
     position: sticky;