diff --git a/client/package-lock.json b/client/package-lock.json
index e14694e7..10950d63 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -4925,8 +4925,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/@csstools/selector-specificity/-/selector-specificity-3.0.0.tgz",
       "integrity": "sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@emotion/is-prop-valid": {
       "version": "0.8.8",
@@ -5024,8 +5023,7 @@
     "@hookform/error-message": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@hookform/error-message/-/error-message-2.0.1.tgz",
-      "integrity": "sha512-U410sAr92xgxT1idlu9WWOVjndxLdgPUHEB8Schr27C9eh7/xUnITWpCMF93s+lGiG++D4JnbSnrb5A21AdSNg==",
-      "requires": {}
+      "integrity": "sha512-U410sAr92xgxT1idlu9WWOVjndxLdgPUHEB8Schr27C9eh7/xUnITWpCMF93s+lGiG++D4JnbSnrb5A21AdSNg=="
     },
     "@humanwhocodes/config-array": {
       "version": "0.11.11",
@@ -5491,8 +5489,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "ajv": {
       "version": "6.12.6",
@@ -6235,8 +6232,7 @@
       "version": "9.0.0",
       "resolved": "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
       "integrity": "sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-import-resolver-node": {
       "version": "0.3.9",
@@ -6429,8 +6425,7 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmmirror.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-scope": {
       "version": "7.2.2",
@@ -7833,8 +7828,7 @@
     "react-hook-form": {
       "version": "7.45.4",
       "resolved": "https://registry.npmmirror.com/react-hook-form/-/react-hook-form-7.45.4.tgz",
-      "integrity": "sha512-HGDV1JOOBPZj10LB3+OZgfDBTn+IeEsNOKiq/cxbQAIbKaiJUe/KV8DBUzsx0Gx/7IG/orWqRRm736JwOfUSWQ==",
-      "requires": {}
+      "integrity": "sha512-HGDV1JOOBPZj10LB3+OZgfDBTn+IeEsNOKiq/cxbQAIbKaiJUe/KV8DBUzsx0Gx/7IG/orWqRRm736JwOfUSWQ=="
     },
     "react-infinite-scroller": {
       "version": "1.2.6",
@@ -8354,8 +8348,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/ts-api-utils/-/ts-api-utils-1.0.2.tgz",
       "integrity": "sha512-Cbu4nIqnEdd+THNEsBdkolnOXhg0I8XteoHaEKgvsxpsbWda4IsUut2c187HxywQCvveojow0Dgw/amxtSKVkQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "ts-interface-checker": {
       "version": "0.1.13",
@@ -8494,8 +8487,7 @@
     "use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
-      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
-      "requires": {}
+      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA=="
     },
     "util-deprecate": {
       "version": "1.0.2",
diff --git a/client/src/app/garden/[id]/page.tsx b/client/src/app/garden/[id]/page.tsx
index 63bb3b71..2c98f699 100644
--- a/client/src/app/garden/[id]/page.tsx
+++ b/client/src/app/garden/[id]/page.tsx
@@ -25,6 +25,8 @@ import {
   EmptyInventoryModal,
   GuestbookModal,
 } from '@/components/garden';
+import { NotificationButton } from '@/components/common';
+
 import { InquiryButton } from '@/components/inquiry';
 
 interface GardenProps {
diff --git a/client/src/app/leaf/[userId]/[leafId]/page.tsx b/client/src/app/leaf/[userId]/[leafId]/page.tsx
index de2397b8..f487daab 100644
--- a/client/src/app/leaf/[userId]/[leafId]/page.tsx
+++ b/client/src/app/leaf/[userId]/[leafId]/page.tsx
@@ -23,6 +23,7 @@ import {
   ShareModal,
   Footer,
   Screws,
+  NotificationButton,
 } from '@/components/common';
 
 import { DiaryDataInfo } from '@/types/data';
@@ -118,6 +119,7 @@ export default function Leaf({ params }: LeafProps) {
             />
           ))}
       </motion.div>
+      <NotificationButton />
       <Footer />
     </>
   );
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
index a7409116..8ff50e35 100644
--- a/client/src/app/page.tsx
+++ b/client/src/app/page.tsx
@@ -19,6 +19,7 @@ import ScrollDownButton from '@/components/main/ScrollDownButton';
 import { InquiryButton } from '@/components/inquiry';
 
 import { getScrollTop } from '@/utils/getScrollTop';
+import { NotificationButton } from '@/components/common';
 
 export default function Home() {
   const isClient = useClient();
diff --git a/client/src/app/post/[id]/page.tsx b/client/src/app/post/[id]/page.tsx
index 065cf282..9cd9843b 100644
--- a/client/src/app/post/[id]/page.tsx
+++ b/client/src/app/post/[id]/page.tsx
@@ -67,7 +67,6 @@ export default function Post({ params }: PostProps) {
     window.scrollTo(0, 0);
     return router.refresh();
   });
-
   useEffect(() => {
     if (post?.comments) setComments(post?.comments);
   }, [post?.comments]);
diff --git a/client/src/constants/contents.ts b/client/src/constants/contents.ts
index 910ed067..82cc61d1 100644
--- a/client/src/constants/contents.ts
+++ b/client/src/constants/contents.ts
@@ -156,7 +156,7 @@ export const DIARY_FORM_TEXT = {
 };
 
 export const IMAGE_UPLOAD_TEXT = {
-  fileSizeWarn: '2mb 이하 이미지를 선택해주세요.',
+  fileSizeWarn: '4mb 이하 이미지를 선택해주세요.',
   noImageUploadError: '이미지를 필수로 등록해야 합니다.',
   imageUpload: '이미지 등록',
 };
diff --git a/client/src/utils/isValidFileSize.ts b/client/src/utils/isValidFileSize.ts
index 3a864e55..2a0401f9 100644
--- a/client/src/utils/isValidFileSize.ts
+++ b/client/src/utils/isValidFileSize.ts
@@ -1,6 +1,6 @@
 export default function isValidFileSize(file: File) {
   if (file && file.type.startsWith('image/')) {
-    if (file.size <= 2 * 1024 * 1024) {
+    if (file.size <= 4 * 1024 * 1024) {
       return true;
     }
   }