diff --git a/src/components/atoms/BorderTab.tsx b/src/components/atoms/BorderTab.tsx
index 26bf1a4..1c156c1 100644
--- a/src/components/atoms/BorderTab.tsx
+++ b/src/components/atoms/BorderTab.tsx
@@ -7,12 +7,7 @@ interface BorderTabProps {
   clickHandler?: () => void;
   className?: string;
 }
-const BorderTab: React.FC<BorderTabProps> = ({
-  tabName,
-  className,
-  currentTabName,
-  handleTabNameChange,
-}) => {
+const BorderTab: React.FC<BorderTabProps> = ({ tabName, className, currentTabName, handleTabNameChange }) => {
   return (
     <div
       className={`bg-white w-full border-2 p-[8px] text-center rounded-[24px] ${className} ${
diff --git a/src/components/atoms/Button.tsx b/src/components/atoms/Button.tsx
index 76e4d15..6617966 100644
--- a/src/components/atoms/Button.tsx
+++ b/src/components/atoms/Button.tsx
@@ -6,15 +6,14 @@ interface ButtonProps {
   className?: string;
 }
 
-const Button: React.FC<
-  ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>
-> = ({ text, className, onClick, ...props }) => {
+const Button: React.FC<ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>> = ({
+  text,
+  className,
+  onClick,
+  ...props
+}) => {
   return (
-    <button
-      className={`p-18 gap-12 rounded-12 heading4-semibold ${className}`}
-      onClick={onClick}
-      {...props}
-    >
+    <button className={`p-18 gap-12 rounded-12 heading4-semibold ${className}`} onClick={onClick} {...props}>
       {text}
     </button>
   );
diff --git a/src/components/atoms/CheckBox.tsx b/src/components/atoms/CheckBox.tsx
index 9f8e388..f212ca4 100644
--- a/src/components/atoms/CheckBox.tsx
+++ b/src/components/atoms/CheckBox.tsx
@@ -1,12 +1,8 @@
 import { CheckIcon } from '@/assets/icons';
 import React from 'react';
 
-const CheckBox: React.FC<{ active: boolean; onClick: () => void }> = ({
-  active = false,
-  onClick,
-}) => {
-  const commonStyle =
-    'flex justify-center items-center w-[20px] h-[20px] rounded-full';
+const CheckBox: React.FC<{ active: boolean; onClick: () => void }> = ({ active = false, onClick }) => {
+  const commonStyle = 'flex justify-center items-center w-[20px] h-[20px] rounded-full';
   const buttonClassName = `${commonStyle} ${active ? 'bg-primary2' : 'border border-gray5'}`;
   return (
     <button onClick={onClick} className={buttonClassName}>
diff --git a/src/components/atoms/ExclamationAlertSpan.tsx b/src/components/atoms/ExclamationAlertSpan.tsx
index 4260a5b..5c906e6 100644
--- a/src/components/atoms/ExclamationAlertSpan.tsx
+++ b/src/components/atoms/ExclamationAlertSpan.tsx
@@ -1,19 +1,14 @@
-import React from 'react';
 import { ExclamationIcon } from '@/assets/icons';
+import React from 'react';
 
 interface AlertMessageProps {
   message: string;
   className?: string;
 }
 
-const ExclamationAlertSpan: React.FC<AlertMessageProps> = ({
-  message,
-  className,
-}) => {
+const ExclamationAlertSpan: React.FC<AlertMessageProps> = ({ message, className }) => {
   return (
-    <span
-      className={`flex items-center gap-[4px] text-point4 body1-medium ${className}`}
-    >
+    <span className={`flex items-center gap-[4px] text-point4 body1-medium ${className}`}>
       <ExclamationIcon />
       {message}
     </span>
diff --git a/src/pages/mypage/notification/index.tsx b/src/pages/mypage/notification/index.tsx
index 1ea92cb..da85d2f 100644
--- a/src/pages/mypage/notification/index.tsx
+++ b/src/pages/mypage/notification/index.tsx
@@ -6,9 +6,7 @@ const NotificationPage: NextPage = () => {
   return (
     <div className={'pt-[52px] min-h-screen'}>
       <Header headerTitle={'알림'} />
-      <section
-        className={`flex flex-col gap-[20px] min-h-screen p-20 bg-gray1`}
-      >
+      <section className={`flex flex-col gap-[20px] min-h-screen p-20 bg-gray1`}>
         <div className="flex flex-col justify-center items-center gap-22 p-32  w-full bg-white rounded-12 p-[18px]">
           <div className="w-full flex justify-between items-center">
             <div className="heading4-semibold">알림 허용</div>