diff --git a/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx b/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx
index d9e39010..70cebbd6 100644
--- a/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx
+++ b/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx
@@ -5,15 +5,15 @@ interface Props {
 	nickname: string;
 }
 
-export default function CharacterMotivation({
-	currentTask,
-	nickname,
-}: Props) {
+export default function CharacterMotivation({ currentTask, nickname }: Props) {
 	return (
-		<div className="mt-[30px] flex items-center justify-center text-center text-t3 font-semibold text-white">
+		<div className="mt-[30px] flex items-center justify-center text-center text-t3 font-semibold text-gray-strong">
 			잘했어요! 이제
 			<br />
-			{currentTask.persona?.name} {nickname}으로
+			<span className="text-component-accent-secondary">
+				{currentTask.persona?.name} {nickname}
+			</span>
+			으로
 			<br />
 			몰입해볼까요?
 		</div>
diff --git a/src/app/(protected)/action/push/[taskId]/ActionPushPageClient.tsx b/src/app/(protected)/action/push/[taskId]/ActionPushPageClient.tsx
index bd91c430..e6025617 100644
--- a/src/app/(protected)/action/push/[taskId]/ActionPushPageClient.tsx
+++ b/src/app/(protected)/action/push/[taskId]/ActionPushPageClient.tsx
@@ -90,8 +90,6 @@ export default function ActionPushPageClient({
 					onTakePicture={() => handleTakePicture(task?.triggerAction ?? "")}
 				/>
 			</div>
-			<div className="absolute bottom-0 left-1/2 aspect-[424/647] h-[250px] w-full max-w-md -translate-x-1/2 bg-red-500/15 mix-blend-color-dodge blur-[62px]"></div>
-			<div className="relative flex flex-col gap-4 px-5"></div>
 
 			{screenState !== PushScreenState.FINAL_WARNING && (
 				<button
diff --git a/src/app/(protected)/action/push/[taskId]/_component/ActionCard.tsx b/src/app/(protected)/action/push/[taskId]/_component/ActionCard.tsx
index a1be5961..6c89addc 100644
--- a/src/app/(protected)/action/push/[taskId]/_component/ActionCard.tsx
+++ b/src/app/(protected)/action/push/[taskId]/_component/ActionCard.tsx
@@ -1,26 +1,28 @@
-import { Badge } from '@/components/component/Badge';
+import { Badge } from "@/components/component/Badge";
 
 type ActionCardProps = {
-  badgeText: string;
-  actionText: string;
-  variant?: 'default' | 'drawer';
+	badgeText: string;
+	actionText: string;
+	variant?: "default" | "drawer";
 };
 
 export default function ActionCard({
-  badgeText,
-  actionText,
-  variant = 'default',
+	badgeText,
+	actionText,
+	variant = "default",
 }: ActionCardProps) {
-  const cardContent = (
-    <div className="flex flex-col gap-3 rounded-2xl bg-[#6B6BE1]/[0.16] py-4 pl-4">
-      <Badge>{badgeText}</Badge>
-      <p className="text-lg font-semibold text-gray-normal">{actionText}</p>
-    </div>
-  );
+	const cardContent = (
+		<div className="flex flex-col gap-3 rounded-2xl bg-[#6B6BE1]/[0.16] py-4 pl-4">
+			<Badge>{badgeText}</Badge>
+			<p className="s1 bg-[linear-gradient(269deg,_#DDD9F8_6.08%,_#E4E4FF_31.42%,_#CCE4FF_62.59%)] bg-clip-text text-transparent">
+				{actionText}
+			</p>
+		</div>
+	);
 
-  return variant === 'default' ? (
-    <div className="rounded-2xl bg-[#17191F]">{cardContent}</div>
-  ) : (
-    cardContent
-  );
+	return variant === "default" ? (
+		<div className="rounded-2xl bg-[#17191F]">{cardContent}</div>
+	) : (
+		cardContent
+	);
 }
diff --git a/src/app/(protected)/action/push/[taskId]/_component/ActionDrawer.tsx b/src/app/(protected)/action/push/[taskId]/_component/ActionDrawer.tsx
index 6d7959e2..d4918db5 100644
--- a/src/app/(protected)/action/push/[taskId]/_component/ActionDrawer.tsx
+++ b/src/app/(protected)/action/push/[taskId]/_component/ActionDrawer.tsx
@@ -66,6 +66,17 @@ export default function PushActionDrawer({
 						className={`relative w-full ${
 							screenState === PushScreenState.FINAL_WARNING ? "mb-[34px]" : ""
 						}`}
+						style={{
+							background:
+								screenState === PushScreenState.FINAL_WARNING
+									? "linear-gradient(269deg, #DDD9F8 6.08%, #E4E4FF 31.42%, #CCE4FF 62.59%)"
+									: "linear-gradient(104deg, #4F62FC -5.48%, #867CFF 87.33%)",
+							borderImage:
+								screenState === PushScreenState.FINAL_WARNING
+									? "linear-gradient(269deg, #DDD9F8 6.08%, #E4E4FF 31.42%, #CCE4FF 62.59%)"
+									: "linear-gradient(104deg, #4F62FC -5.48%, #867CFF 87.33%)",
+							borderImageSlice: 1,
+						}}
 						onClick={handleTriggerClick}
 					>
 						시작하기
diff --git a/src/app/(protected)/action/push/[taskId]/_component/Header.tsx b/src/app/(protected)/action/push/[taskId]/_component/Header.tsx
index d9ab4252..1055620c 100644
--- a/src/app/(protected)/action/push/[taskId]/_component/Header.tsx
+++ b/src/app/(protected)/action/push/[taskId]/_component/Header.tsx
@@ -1,19 +1,39 @@
-import Image from 'next/image';
+import Image from "next/image";
+import React from "react";
 
 export default function PushHeader({
-  content,
+	content,
 }: {
-  content: { icon: string; message: string; subMessage: string };
+	content: { icon: string; message: string; subMessage: string };
 }) {
-  return (
-    <div className="mt-[50px] flex flex-col items-center justify-center gap-3 px-5 pb-10 pt-5">
-      <Image src={content.icon} alt="아이콘" width={60} height={60} />
-      <p className="whitespace-pre-line text-t1 text-gray-strong">
-        {content.message}
-      </p>
-      <p className="whitespace-pre-line text-center text-b2 text-gray-neutral">
-        {content.subMessage}
-      </p>
-    </div>
-  );
+	const highlightStyles: Record<string, string> = {
+		"한 번": "text-component-accent-primary",
+		"두 번": "text-component-accent-primary",
+		"마지막 기회":
+			"bg-[linear-gradient(180deg,_#DD6875_0%,_#ED98A2_100%)] bg-clip-text text-transparent",
+	};
+
+	const keywords = Object.keys(highlightStyles);
+	const pattern = new RegExp(`(${keywords.join("|")})`, "g");
+	const parts = content.message.split(pattern);
+
+	return (
+		<div className="mt-[50px] flex flex-col items-center justify-center gap-3 px-5 pb-10 pt-5">
+			<Image src={content.icon} alt="아이콘" width={40} height={40} />
+			<p className="whitespace-pre-line text-t1 text-gray-strong text-center">
+				{parts.map((part, index) =>
+					keywords.includes(part) ? (
+						<span key={index} className={highlightStyles[part]}>
+							{part}
+						</span>
+					) : (
+						<React.Fragment key={index}>{part}</React.Fragment>
+					),
+				)}
+			</p>
+			<p className="whitespace-pre-line text-center text-s2 text-gray-neutral">
+				{content.subMessage}
+			</p>
+		</div>
+	);
 }
diff --git a/src/app/(protected)/action/remind/[taskId]/_component/CountSelector.tsx b/src/app/(protected)/action/remind/[taskId]/_component/CountSelector.tsx
index 89dda81e..d3efe0aa 100644
--- a/src/app/(protected)/action/remind/[taskId]/_component/CountSelector.tsx
+++ b/src/app/(protected)/action/remind/[taskId]/_component/CountSelector.tsx
@@ -1,50 +1,50 @@
-import Image from 'next/image';
+import Image from "next/image";
 
 interface ReminderCountSelectorProps {
-  count: number;
-  onIncrease: () => void;
-  onDecrease: () => void;
-  min?: number;
-  max?: number;
+	count: number;
+	onIncrease: () => void;
+	onDecrease: () => void;
+	min?: number;
+	max?: number;
 }
 
 export default function ReminderCountSelector({
-  count,
-  onIncrease,
-  onDecrease,
-  min = 1,
-  max = 3,
+	count,
+	onIncrease,
+	onDecrease,
+	min = 1,
+	max = 3,
 }: ReminderCountSelectorProps) {
-  return (
-    <div className="flex items-center justify-between px-5 py-[20.5px]">
-      <p>다음 리마인더</p>
-      <div className="flex h-8 w-[96px] items-center">
-        <div
-          className={`flex h-full w-1/3 cursor-pointer items-center justify-center rounded-[8px] text-center text-base leading-[145%] text-gray-normal bg-component-gray-secondary ${count === min || count === 0 ? 'opacity-40' : ''}`}
-          onClick={onDecrease}
-        >
-          <Image
-            src="/icons/remind/minus.svg"
-            alt="왼쪽 화살표"
-            width={16}
-            height={16}
-          />
-        </div>
-        <div className="flex h-full w-1/3 items-center justify-center rounded-[8px] text-center text-s2 text-gray-normal">
-          {count}
-        </div>
-        <div
-          className={`flex h-full w-1/3 cursor-pointer items-center justify-center rounded-[8px] text-center text-base leading-[145%] text-gray-normal bg-component-gray-secondary  ${count === max ? 'opacity-40' : ''}`}
-          onClick={onIncrease}
-        >
-          <Image
-            src="/icons/remind/plus.svg"
-            alt="왼쪽 화살표"
-            width={16}
-            height={16}
-          />
-        </div>
-      </div>
-    </div>
-  );
+	return (
+		<div className="flex items-center justify-between px-5 py-[20.5px]">
+			<p className="s2 text-gray-normal">알림 예정 시간</p>
+			<div className="flex h-8 w-[96px] items-center">
+				<div
+					className={`flex h-full w-1/3 cursor-pointer items-center justify-center rounded-[8px] text-center text-base leading-[145%] text-gray-normal bg-component-gray-secondary ${count === min || count === 0 ? "opacity-40" : ""}`}
+					onClick={onDecrease}
+				>
+					<Image
+						src="/icons/remind/minus.svg"
+						alt="왼쪽 화살표"
+						width={16}
+						height={16}
+					/>
+				</div>
+				<div className="flex h-full w-1/3 items-center justify-center rounded-[8px] text-center text-s2 text-gray-normal">
+					{count}
+				</div>
+				<div
+					className={`flex h-full w-1/3 cursor-pointer items-center justify-center rounded-[8px] text-center text-base leading-[145%] text-gray-normal bg-component-gray-secondary  ${count === max ? "opacity-40" : ""}`}
+					onClick={onIncrease}
+				>
+					<Image
+						src="/icons/remind/plus.svg"
+						alt="왼쪽 화살표"
+						width={16}
+						height={16}
+					/>
+				</div>
+			</div>
+		</div>
+	);
 }
diff --git a/src/app/(protected)/action/remind/[taskId]/_component/Header.tsx b/src/app/(protected)/action/remind/[taskId]/_component/Header.tsx
index 74fc845d..b5c67a32 100644
--- a/src/app/(protected)/action/remind/[taskId]/_component/Header.tsx
+++ b/src/app/(protected)/action/remind/[taskId]/_component/Header.tsx
@@ -1,24 +1,24 @@
 interface RemindDescriptionProps {
-  maxNotificationCount?: number;
+	maxNotificationCount?: number;
 }
 
 export default function RemindDescription({
-  maxNotificationCount = 3,
+	maxNotificationCount = 3,
 }: RemindDescriptionProps) {
-  return (
-    <div className="flex flex-col gap-[22px] mt-10 px-5">
-      <p className="text-t2 text-white">
-        작업을 시작할 때 까지
-        <br />
-        계속 리마인드 해드릴게요
-      </p>
-      <p className="text-b2 text-gray-neutral">
-        선택하신 주기로 최대{'\u00A0'}
-        <span className="font-semibold text-component-accent-primary">
-          {maxNotificationCount}번
-        </span>
-        의 알림을 드려요
-      </p>
-    </div>
-  );
+	return (
+		<div className="flex flex-col gap-3 mt-[30px] px-5">
+			<p className="text-t2 text-gray-strong">
+				작업을 시작할 때 까지
+				<br />
+				계속 리마인드 해드릴게요
+			</p>
+			<p className="text-b2 text-gray-neutral">
+				선택하신 주기로 최대{"\u00A0"}
+				<span className="text-component-accent-primary">
+					{maxNotificationCount}
+				</span>
+				번의 알림을 드려요
+			</p>
+		</div>
+	);
 }
diff --git a/src/app/(protected)/action/remind/[taskId]/_component/IntervalSelector.tsx b/src/app/(protected)/action/remind/[taskId]/_component/IntervalSelector.tsx
index f216d5a2..facc2374 100644
--- a/src/app/(protected)/action/remind/[taskId]/_component/IntervalSelector.tsx
+++ b/src/app/(protected)/action/remind/[taskId]/_component/IntervalSelector.tsx
@@ -63,7 +63,7 @@ export default function IntervalSelector({
 							</p>
 							{selectedInterval === item.value && (
 								<Image
-									src="/icons/common/check-primary.svg.svg"
+									src="/icons/common/check-primary.svg"
 									alt="체크"
 									width={20}
 									height={20}
diff --git a/src/app/(protected)/action/remind/[taskId]/_component/TaskDetails.tsx b/src/app/(protected)/action/remind/[taskId]/_component/TaskDetails.tsx
index 024aea09..9f51c8bc 100644
--- a/src/app/(protected)/action/remind/[taskId]/_component/TaskDetails.tsx
+++ b/src/app/(protected)/action/remind/[taskId]/_component/TaskDetails.tsx
@@ -1,29 +1,29 @@
-import { Badge } from '@/components/component/Badge';
-import IntervalSelector from './IntervalSelector';
+import { Badge } from "@/components/component/Badge";
+import IntervalSelector from "./IntervalSelector";
 
 interface TaskDetailsProps {
-  taskName: string;
-  remainingTime: string;
-  selectedInterval: number;
-  onIntervalChange: (interval: number) => void;
+	taskName: string;
+	remainingTime: string;
+	selectedInterval: number;
+	onIntervalChange: (interval: number) => void;
 }
 
 export default function TaskDetails({
-  taskName,
-  remainingTime,
-  selectedInterval,
-  onIntervalChange,
+	taskName,
+	remainingTime,
+	selectedInterval,
+	onIntervalChange,
 }: TaskDetailsProps) {
-  return (
-    <div className="flex flex-col gap-3 px-5">
-      <div className="flex items-center justify-between">
-        <p>{taskName}</p>
-        <Badge>마감까지 {remainingTime}</Badge>
-      </div>
-      <IntervalSelector
-        selectedInterval={selectedInterval}
-        onIntervalChange={onIntervalChange}
-      />
-    </div>
-  );
+	return (
+		<div className="flex flex-col gap-3 px-5">
+			<div className="flex items-center justify-between">
+				<p className="b3 text-gray-neutral">{taskName}</p>
+				<Badge>마감까지 {remainingTime}</Badge>
+			</div>
+			<IntervalSelector
+				selectedInterval={selectedInterval}
+				onIntervalChange={onIntervalChange}
+			/>
+		</div>
+	);
 }
diff --git a/src/app/(protected)/action/remind/[taskId]/_component/TimesList.tsx b/src/app/(protected)/action/remind/[taskId]/_component/TimesList.tsx
index 87b3d7b0..edb17c2e 100644
--- a/src/app/(protected)/action/remind/[taskId]/_component/TimesList.tsx
+++ b/src/app/(protected)/action/remind/[taskId]/_component/TimesList.tsx
@@ -6,8 +6,11 @@ export default function ReminderTimesList({ times }: ReminderTimesListProps) {
 	return (
 		<div className="flex flex-col gap-3 px-[19.5px]">
 			{times.map((item) => (
-				<div key={item.index} className="text-t2 bg-component-gray-primary rounded-[12px] text-gray-neutral px-5 py-4">
-					<span className="text-component-accent-primary mr-2.5">
+				<div
+					key={item.index}
+					className="flex items-center text-t2 bg-component-gray-primary rounded-[12px] text-gray-neutral px-5 py-4"
+				>
+					<span className="t3 text-component-accent-primary mr-2.5">
 						{item.index}
 					</span>
 					{item.time}
diff --git a/src/app/(protected)/action/start/[taskId]/ActionStartPageClient.tsx b/src/app/(protected)/action/start/[taskId]/ActionStartPageClient.tsx
index a4317bf1..b73627df 100644
--- a/src/app/(protected)/action/start/[taskId]/ActionStartPageClient.tsx
+++ b/src/app/(protected)/action/start/[taskId]/ActionStartPageClient.tsx
@@ -1,48 +1,48 @@
-'use client';
+"use client";
 
-import { useWebViewMessage } from '@/hooks/useWebViewMessage';
-import type { TaskResponse } from '@/types/task';
-import { formatKoreanDateTime } from '@/utils/dateFormat';
-import { useRouter } from 'next/navigation';
+import { useWebViewMessage } from "@/hooks/useWebViewMessage";
+import type { TaskResponse } from "@/types/task";
+import { formatKoreanDateTime } from "@/utils/dateFormat";
+import { useRouter } from "next/navigation";
 
-import { useTaskProgressStore } from '@/store';
-import { useEffect } from 'react';
-import ActionCard from './_component/ActionCard';
-import ActionStartDrawer from './_component/ActionStartDrawer';
-import ActionStartHeader from './_component/ActionStartHeader';
-import ScheduleCard from './_component/ScheduleCard';
+import { useTaskProgressStore } from "@/store";
+import { useEffect } from "react";
+import ActionCard from "./_component/ActionCard";
+import ActionStartDrawer from "./_component/ActionStartDrawer";
+import ActionStartHeader from "./_component/ActionStartHeader";
+import ScheduleCard from "./_component/ScheduleCard";
 interface Props {
-  initialTask: TaskResponse;
+	initialTask: TaskResponse;
 }
 
 export default function ActionStartPageClient({ initialTask }: Props) {
-  const router = useRouter();
-  const { handleTakePicture } = useWebViewMessage(router);
-  const { setCurrentTask } = useTaskProgressStore();
+	const router = useRouter();
+	const { handleTakePicture } = useWebViewMessage(router);
+	const { setCurrentTask } = useTaskProgressStore();
 
-  useEffect(() => {
-    setCurrentTask(initialTask);
-  }, [initialTask, setCurrentTask]);
+	useEffect(() => {
+		setCurrentTask(initialTask);
+	}, [initialTask, setCurrentTask]);
 
-  return (
-    <div className="flex h-full flex-col gap-4 bg-background-primary">
-      <ActionStartHeader />
-      <div className="flex flex-col gap-4 px-5">
-        <ActionCard title={initialTask?.triggerAction} />
-        <ScheduleCard
-          title={initialTask?.name}
-          dueDate={formatKoreanDateTime(initialTask?.dueDatetime ?? '')}
-        />
-      </div>
+	return (
+		<div className="flex h-full flex-col gap-4 bg-background-primary">
+			<ActionStartHeader />
+			<div className="flex flex-col gap-4 px-5">
+				<ActionCard title={initialTask?.triggerAction} />
+				<ScheduleCard
+					title={initialTask?.name}
+					dueDate={formatKoreanDateTime(initialTask?.dueDatetime ?? "")}
+				/>
+			</div>
 
-      <ActionStartDrawer
-        onTakePicture={() =>
-          handleTakePicture(initialTask?.triggerAction ?? '')
-        }
-        smallActionTitle={initialTask?.triggerAction}
-        dueDate={initialTask?.dueDatetime}
-        taskId={initialTask?.id?.toString()}
-      />
-    </div>
-  );
+			<ActionStartDrawer
+				onTakePicture={() =>
+					handleTakePicture(initialTask?.triggerAction ?? "")
+				}
+				smallActionTitle={initialTask?.triggerAction}
+				dueDate={initialTask?.dueDatetime}
+				taskId={initialTask?.id?.toString()}
+			/>
+		</div>
+	);
 }
diff --git a/src/app/(protected)/action/start/[taskId]/_component/ActionCard.tsx b/src/app/(protected)/action/start/[taskId]/_component/ActionCard.tsx
index ae9c73b7..c211459d 100644
--- a/src/app/(protected)/action/start/[taskId]/_component/ActionCard.tsx
+++ b/src/app/(protected)/action/start/[taskId]/_component/ActionCard.tsx
@@ -1,31 +1,37 @@
-import { Badge } from '@/components/component/Badge';
+import { Badge } from "@/components/component/Badge";
+import type { CSSProperties } from "react";
 
 interface ActionCardProps {
-  title?: string;
-  isCompleted?: boolean;
-  onClick?: () => void;
-  variant?: 'gradient1' | 'gradient2';
+	title?: string;
+	isCompleted?: boolean;
+	onClick?: () => void;
+	variant?: "gradient1" | "gradient2";
+	style?: CSSProperties;
 }
 
 export default function ActionCard({
-  title,
-  isCompleted = false,
-  onClick,
-  variant = 'gradient1',
+	title,
+	isCompleted = false,
+	onClick,
+	variant = "gradient1",
+	style,
 }: ActionCardProps) {
-  return (
-    <div
-      className={`cursor-pointer rounded-2xl bg-[#17191F]`}
-      onClick={onClick}
-    >
-      <div className="relative flex flex-col gap-3 rounded-2xl bg-[#6B6BE1]/[0.16] py-4 pl-4">
-        <Badge>작은 행동</Badge>
-        <p
-          className={`text-lg font-semibold ${isCompleted ? 'text-gray-light' : 'text-gray-normal'}`}
-        >
-          {title}
-        </p>
-      </div>
-    </div>
-  );
+	return (
+		<div
+			className={`cursor-pointer rounded-2xl bg-[#17191F]`}
+			onClick={onClick}
+		>
+			<div
+				className="relative flex flex-col gap-3 rounded-2xl bg-[#6B6BE1]/[0.16] py-4 pl-4"
+				style={style}
+			>
+				<Badge>작은 행동</Badge>
+				<p
+					className={`s1 ${isCompleted ? "text-gray-light" : "bg-[linear-gradient(269deg,_#DDD9F8_6.08%,_#E4E4FF_31.42%,_#CCE4FF_62.59%)] bg-clip-text text-transparent"}`}
+				>
+					{title}
+				</p>
+			</div>
+		</div>
+	);
 }
diff --git a/src/app/(protected)/action/start/[taskId]/_component/ActionStartDrawer.tsx b/src/app/(protected)/action/start/[taskId]/_component/ActionStartDrawer.tsx
index e09c6693..1b8b53b0 100644
--- a/src/app/(protected)/action/start/[taskId]/_component/ActionStartDrawer.tsx
+++ b/src/app/(protected)/action/start/[taskId]/_component/ActionStartDrawer.tsx
@@ -79,7 +79,7 @@ export default function ActionStartDrawer({
 
 	return (
 		<div className="relative mt-auto flex flex-col items-center px-5 py-6">
-			<div className="fixed bottom-0 left-0 right-0 h-[245px] bg-component-gray-secondary blur-[75px]" />
+			<div className="fixed bottom-0 left-0 right-0 h-[245px] bg-blur-purple blur-[75px]" />
 			<TimerBadge dueDate={dueDate ?? ""} />
 			<>
 				<Drawer open={open} onOpenChange={setOpen} modal={false}>
@@ -95,17 +95,17 @@ export default function ActionStartDrawer({
 					<DrawerContent>
 						<DrawerHeader>
 							<DrawerTitle className="flex flex-col gap-2">
-								<p className="mt-[30px] text-t3">
+								<p className="mt-6 text-t3 text-gray-strong">
 									작은 행동을 사진으로 찍어주세요
 								</p>
-								<p className="text-sm text-gray-neutral">
+								<p className="text-b3 text-gray-neutral">
 									{isRetried && (
 										<span className="text-component-accent-red">
 											이번 기회는 놓치지 마세요! <br />
 										</span>
 									)}
 									<span
-										className={`mr-1 font-semibold ${
+										className={`text-s3 mr-1 ${
 											countdown < 10
 												? "text-component-accent-red"
 												: "text-component-accent-primary"
@@ -120,7 +120,14 @@ export default function ActionStartDrawer({
 							</DrawerTitle>
 						</DrawerHeader>
 						<div className="px-5">
-							<ActionCard title={smallActionTitle} variant="gradient2" />
+							<ActionCard
+								title={smallActionTitle}
+								variant="gradient2"
+								style={{
+									background:
+										"linear-gradient(180deg, rgba(121, 121, 235, 0.15) 0%, rgba(121, 121, 235, 0.05) 29.17%, rgba(121, 121, 235, 0.00) 100%)",
+								}}
+							/>
 							<Button
 								variant="primary"
 								className="relative mb-[50px] mt-7 w-full"
diff --git a/src/app/(protected)/action/start/[taskId]/_component/ActionStartHeader.tsx b/src/app/(protected)/action/start/[taskId]/_component/ActionStartHeader.tsx
index e2afd218..11519aa7 100644
--- a/src/app/(protected)/action/start/[taskId]/_component/ActionStartHeader.tsx
+++ b/src/app/(protected)/action/start/[taskId]/_component/ActionStartHeader.tsx
@@ -2,7 +2,7 @@ import Image from "next/image";
 
 export default function ActionStartHeader() {
 	return (
-		<div className="mt-[30px] flex flex-col items-center justify-center gap-3 px-5 pb-5 pt-5">
+		<div className="mt-[30px] flex flex-col items-center justify-center gap-3 px-5 pb-6 pt-5">
 			<Image
 				src="/icons/common/glasshour.svg"
 				alt="모래시계"
@@ -14,7 +14,7 @@ export default function ActionStartHeader() {
 				<br />
 				할일을 시작해보세요!
 			</p>
-			<p className="text-base text-white">시작하기 좋은 타이밍이에요</p>
+			<p className="b2 text-base text-[#eeeeee]">시작하기 좋은 타이밍이에요</p>
 		</div>
 	);
 }
diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
index 8436804e..4131b364 100644
--- a/src/components/ui/drawer.tsx
+++ b/src/components/ui/drawer.tsx
@@ -51,7 +51,7 @@ const DrawerContent = React.forwardRef<
 			)}
 			{...props}
 		>
-			<div className="bg-muted mx-auto h-1 w-12 rounded-full bg-line-secondary" />
+			{/* <div className="bg-muted mx-auto h-1 w-12 rounded-full bg-line-secondary" /> */}
 			{children}
 		</DrawerPrimitive.Content>
 	</DrawerPortal>