diff --git a/src/components/modal/InterestModal.tsx b/src/components/modal/InterestModal.tsx
index bfb0e2d..0664de0 100644
--- a/src/components/modal/InterestModal.tsx
+++ b/src/components/modal/InterestModal.tsx
@@ -8,7 +8,7 @@ interface Props {
   onClose?: () => void;
 }
 
-export default function InterestModal({ category, interest, onClose }: Props) {
+export default function InterestModal({ category, interest, image, onClose }: Props) {
   useEffect(() => {
     document.body.style.overflow = 'hidden';
     return () => {
@@ -43,7 +43,10 @@ export default function InterestModal({ category, interest, onClose }: Props) {
         }}
         onClick={(e) => e.stopPropagation()}
       >
-        <h3 className="typo-heading3 font-bold">{category}</h3>
+        <div>
+          <h3 className="typo-heading3 font-bold">{category}</h3>
+          <img src={image} />
+        </div>
         <div className="flex h-7 px-3 bg-(--gray-200) mt-4 rounded-[100px] items-center">
           <p className="justify-center">{interest}</p>
         </div>
diff --git a/src/pages/MatchingPage.tsx b/src/pages/MatchingPage.tsx
index 5a51568..2f99169 100644
--- a/src/pages/MatchingPage.tsx
+++ b/src/pages/MatchingPage.tsx
@@ -3,8 +3,8 @@ import { useNavigate } from 'react-router-dom';
 import SpectrumLabel from '../components/common/SpectrumLabel';
 import Comment from '../components/match/Comment';
 import Mission from '../components/match/Mission';
-import ChatInput from '../components/match/ChatInput';
-import InputField from '../components/match/InputField';
+// import ChatInput from '../components/match/ChatInput';
+// import InputField from '../components/match/InputField';
 import Header from '../components/common/Header';
 import PictureMissionModal from '../components/modal/PictureMissionModal';
 import MissionSuccessModal from '../components/modal/MissionSuccessModal';
@@ -19,7 +19,8 @@ type MissionData = {
 
 export default function MatchingPage() {
   const navigate = useNavigate();
-  const [inputValues, setInputValues] = useState(['', '', '', '']);
+
+  // const [inputValue, setInputValue] = useState('');
   const [missions, setMissions] = useState<MissionData[]>([
     { number: 1, isCompleted: true, mission: '미션 1 설명' },
     { number: 2, isCompleted: true, mission: '미션 2 설명' },
@@ -33,10 +34,10 @@ export default function MatchingPage() {
   const [showFinalModal, setShowFinalModal] = useState(false);
   const [showRecordModal, setShowRecordModal] = useState(false);
 
-  const handleSend = (text: string) => {
-    console.log('전송:', text);
-    // 전송 로직 추가
-  };
+  // const handleSend = (text: string) => {
+  //   console.log('전송:', text);
+  //   // 전송 로직 추가
+  // };
 
   const handleMissionClick = (mission: MissionData) => {
     if (!mission.isCompleted) {
@@ -74,11 +75,11 @@ export default function MatchingPage() {
     setShowRecordModal(true);
   };
 
-  const handleInputChange = (index: number, value: string) => {
-    const nextValues = [...inputValues];
-    nextValues[index] = value;
-    setInputValues(nextValues);
-  };
+  // const handleInputChange = (index: number, value: string) => {
+  //   const nextValues = [...inputValues];
+  //   nextValues[index] = value;
+  //   setInputValues(nextValues);
+  // };
 
   return (
     <div className="px-[30px] py-6 flex flex-col items-center">