diff --git a/apps/st/src/components/button/NotApplicableCheckButton.tsx b/apps/st/src/components/button/NotApplicableCheckButton.tsx
index 6e9a8c899..f3a6c4225 100644
--- a/apps/st/src/components/button/NotApplicableCheckButton.tsx
+++ b/apps/st/src/components/button/NotApplicableCheckButton.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from "@common/components";
+import { Checkbox, buttonVariants, cn } from "@common/components";
 import type React from "react";
 
 interface NotApplicableCheckButtonProp {
@@ -13,9 +13,14 @@ const NotApplicableCheckButton = ({ isCheck, setIsCheck }: NotApplicableCheckBut
     };
 
     return (
-        <div className="flex items-center space-x-2">
+        <div className={cn(buttonVariants({ variant: "default", size: "default" }), "w-[124px] bg-[#ebebeb] text-[rgb(146 146 146)] text-opacity-100")}>
             <label htmlFor="notApplicable">해당사항 없음</label>
-            <Checkbox id="notApplicable" checked={isCheck} onCheckedChange={handleCheckChange} />
+            <Checkbox 
+                id="notApplicable"
+                className="!border-[#999] data-[state=checked]:!bg-[#999]"
+                checked={isCheck}
+                onCheckedChange={handleCheckChange} 
+            />
         </div>
     );
 };