diff --git a/src/components/modal/task-detail/TaskContentSection.tsx b/src/components/modal/task-detail/TaskContentSection.tsx
index 19fd450..0032a09 100644
--- a/src/components/modal/task-detail/TaskContentSection.tsx
+++ b/src/components/modal/task-detail/TaskContentSection.tsx
@@ -15,12 +15,12 @@ export default function TaskContentSection({
 }) {
   return (
     <>
-      <div className="flex items-start flex-1 min-w-0 max-h-[26px] tablet:max-h-[28px]">
-        <div className="flex items-center pr-3 tablet:pr-5">
+      <div className="flex items-start w-[290px] tablet:w-[420px] pc:w-[445px] max-h-[26px] tablet:max-h-[28px]">
+        <div className="flex items-center shrink-0">
           <ColumnNameTag />
-          <div className="shrink-0 w-[1px] h-4 bg-gray-400 ml-3 tablet:ml-5" />
+          <div className="shrink-0 w-[1px] h-4 bg-gray-400 mx-3 tablet:mx-5" />
         </div>
-        <div className="flex-nowrap w-full min-w-0 overflow-x-auto scrollbar-hide max-w-[205px] tablet:max-w-[315px] pc:max-w-[340px]">
+        <div className="flex-grow min-h-0 overflow-x-auto whitespace-nowrap scrollbar-hide">
           <TagList tags={tags} />
         </div>
       </div>
diff --git a/src/components/modal/task-detail/TaskDetailModal.tsx b/src/components/modal/task-detail/TaskDetailModal.tsx
index bfd0f9b..71269de 100644
--- a/src/components/modal/task-detail/TaskDetailModal.tsx
+++ b/src/components/modal/task-detail/TaskDetailModal.tsx
@@ -11,22 +11,28 @@ import TaskCommentSection from "./TaskCommentSection";
 export default function TaskDetailModal() {
   const { selectedTaskId } = useTaskStore();
   const [data, setData] = useState<TaskCardDetail | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
 
-  useEffect(() => {
+  const handleLoad = async () => {
     if (!selectedTaskId) return;
+    if (isLoading) return;
+    setIsLoading(true);
 
-    const getData = async () => {
+    try {
       const res = await fetchTaskCardDetail({
         token: TOKEN_1,
         id: selectedTaskId,
       });
       setData(res);
-    };
+    } finally {
+      setIsLoading(false);
+    }
+  };
 
-    getData();
-  }, [selectedTaskId]);
+  useEffect(() => {
+    handleLoad();
+  }, []);
 
-  if (!selectedTaskId) return;
   if (!data) return;
 
   const {
diff --git a/src/lib/utils/colorUtils.ts b/src/lib/utils/colorUtils.ts
deleted file mode 100644
index 18b7fd4..0000000
--- a/src/lib/utils/colorUtils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export function getHEXCode(color: string): string {
-  switch (color) {
-    case "green":
-      return "#7AC555";
-      break;
-    case "purple":
-      return "#760DDE";
-      break;
-    case "orange":
-      return "#FFA500";
-      break;
-    case "blue":
-      return "#76A6EA";
-      break;
-    case "pink":
-      return "#E876EA";
-      break;
-    default:
-      return "";
-  }
-}