diff --git a/apps/docs/src/stories/Toast.stories.tsx b/apps/docs/src/stories/Toast.stories.tsx
index b627647..1f0c542 100644
--- a/apps/docs/src/stories/Toast.stories.tsx
+++ b/apps/docs/src/stories/Toast.stories.tsx
@@ -144,6 +144,7 @@ export const CloseToast: StoryObj = {
   name: "CloseToast",
   argTypes: { icon: { control: { disable: true } } },
   render: () => {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const { open, close } = useToast();
     const option: ToastOptionType = {
       icon: "success",
diff --git a/apps/web/app/ToastTemp.tsx b/apps/web/app/ToastTemp.tsx
deleted file mode 100644
index c7c6d4e..0000000
--- a/apps/web/app/ToastTemp.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useToast} from "ui";
-
-function ToastTemp() {
-  const { open } = useToast();
-
-  return (
-    <button
-      onClick={() => {
-        open({
-          icon: "success",
-          content: "기본 토스트입니다.",
-        });
-      }}
-    >
-      Open Toast
-    </button>
-  );
-}
-
-export default ToastTemp;
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index da6613e..c53d6fd 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -1,5 +1,5 @@
-@import url('ui/desktop-variables.css') screen;
-@import url('ui/mobile-variables.css') screen and (max-width: 768px); 
+/* @import url('ui/desktop-variables.css') screen;
+@import url('ui/mobile-variables.css') screen and (max-width: 768px);  */
 
 * {
   box-sizing: border-box;
diff --git a/apps/web/app/page.module.css b/apps/web/app/page.module.css
index aca050d..bf7de46 100644
--- a/apps/web/app/page.module.css
+++ b/apps/web/app/page.module.css
@@ -3,4 +3,5 @@
   align-items: center;
   padding: 6rem;
   min-height: 100vh;
+  color: white;
 }
\ No newline at end of file
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 1800834..cfe410d 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -1,16 +1,9 @@
 "use client";
-
-import { ToastProvider } from "ui";
 import styles from "./page.module.css";
-import ToastTemp from "./ToastTemp";
 
 export default function Page(): JSX.Element {
 
   return (
-    <ToastProvider>
-      <main className={styles.main}>
-      <ToastTemp />
-      </main>
-    </ToastProvider>
+    <main className={styles.main}>Test Page</main>
   );
 }
diff --git a/packages/ui/CheckBox/style.css.ts b/packages/ui/CheckBox/style.css.ts
index 6c7e9a2..e3c8b6c 100644
--- a/packages/ui/CheckBox/style.css.ts
+++ b/packages/ui/CheckBox/style.css.ts
@@ -38,13 +38,13 @@ export const checkBoxChecked = styleVariants({
 
 export const checkBoxLabel = styleVariants({
   small: [
-    theme.fontsObject.BODY_14_R,
+    theme.fontsObject.BODY_3_14_R,
     {
       marginLeft: '8px',
     },
   ],
   large: [
-    theme.fontsObject.BODY_16_R,
+    theme.fontsObject.BODY_2_16_R,
     {
       marginLeft: '10px',
     },
diff --git a/packages/ui/Toast/useToast.tsx b/packages/ui/Toast/useToast.tsx
index 6d95292..12147f6 100644
--- a/packages/ui/Toast/useToast.tsx
+++ b/packages/ui/Toast/useToast.tsx
@@ -6,12 +6,8 @@ const useToast = () => {
   const { openToast, closeToast } = useContext(ToastContext);
 
   return {
-    open(option: ToastOptionType) {
-      openToast(option);
-    },
-    close() {
-      closeToast();
-    }
+    open: (option: ToastOptionType) => openToast(option),
+    close: () => closeToast() 
   };
 };