diff --git a/public/assets/label_activity.svg b/public/assets/label_activity.svg
index edad1ee..59e9154 100644
--- a/public/assets/label_activity.svg
+++ b/public/assets/label_activity.svg
@@ -1,5 +1,36 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3" y="10" width="4" height="4" rx="1" fill="#1B92FF" />
-  <rect x="17" y="10" width="4" height="4" rx="1" fill="#1B92FF" />
-  <rect x="7" y="11" width="10" height="2" fill="#1B92FF" />
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#1B92FF"
+  stroke-width="6">
+  <!-- Sun -->
+  <circle cx="30" cy="30" r="5" />
+  <line x1="30" y1="15" x2="30" y2="5" />
+  <line x1="30" y1="45" x2="30" y2="55" />
+  <line x1="15" y1="30" x2="5" y2="30" />
+  <line x1="45" y1="30" x2="55" y2="30" />
+  <line x1="20" y1="20" x2="10" y2="10" />
+  <line x1="40" y1="20" x2="50" y2="10" />
+  <line x1="20" y1="40" x2="10" y2="50" />
+  <line x1="40" y1="40" x2="50" y2="50" />
+
+  <!-- Mountains -->
+  <path d="M50 150 L100 50 L150 150 Z" />
+  <path d="M75 150 L125 75 L175 150 Z" />
+  <line x1="100" y1="50" x2="100" y2="30" />
+  <line x1="100" y1="30" x2="110" y2="40" />
+
+  <!-- Trees -->
+  <path d="M60 150 L65 140 L70 150 Z" />
+  <path d="M130 150 L135 140 L140 150 Z" />
+  <path d="M95 100 L100 90 L105 100 Z" />
+
+  <!-- River -->
+  <path d="M50 150 Q75 130 100 150 T150 150" />
+
+  <!-- Rocks -->
+  <ellipse cx="50" cy="160" rx="10" ry="5" />
+  <ellipse cx="70" cy="160" rx="10" ry="5" />
+  <ellipse cx="90" cy="160" rx="10" ry="5" />
+
+  <!-- Birds -->
+  <path d="M160 40 Q165 35 170 40" />
+  <path d="M170 40 Q175 35 180 40" />
 </svg>
\ No newline at end of file
diff --git a/src/components/Common/CardFindMaker.tsx b/src/components/Common/CardFindMaker.tsx
index 36124f2..e616da3 100644
--- a/src/components/Common/CardFindMaker.tsx
+++ b/src/components/Common/CardFindMaker.tsx
@@ -37,6 +37,19 @@ interface CardFindMakerProps {
   isFollowed?: boolean;
   serviceTypes: ServiceType[];
 }
+
+const serviceTypeOrder: ServiceType[] = [
+  "SHOPPING",
+  "FOOD_TOUR",
+  "ACTIVITY",
+  "CULTURE",
+  "FESTIVAL",
+  "RELAXATION",
+  "REQUEST",
+  "PENDING",
+  "CONFIRMED",
+];
+
 const CardFindMaker = ({
   labelSize,
   cardSize,
@@ -86,6 +99,11 @@ const CardFindMaker = ({
     };
   }, []);
 
+
+  const sortedServiceTypes = [...serviceTypes].sort(
+    (a, b) => serviceTypeOrder.indexOf(a) - serviceTypeOrder.indexOf(b)
+  );
+
   return (
     <div
       ref={cardRef}
@@ -94,24 +112,23 @@ const CardFindMaker = ({
       `}
     >
       <div className="flex mb-2 gap-4">
-        
-      {(serviceTypes || []).slice(0, cardWidth < 467 ? 2 : (cardWidth< 650 ? 3 : (cardWidth < 756 ? 4 : (cardWidth < 840 ? 5 : serviceTypes.length)))).map((type, index) => (
-        <Label 
-          key={`${type}-${index}`}
-          labelType={type}
-          labelSize={labelSize}
-          customLabelContainerClass={customLabelContainerClass}
-          customLabelTextClass={customLabelTextClass}
-        />
-      ))}
-      {serviceTypes.length > (cardWidth < 467 ? 2 : (cardWidth < 650 ? 3 : (cardWidth < 756 ? 4 : (cardWidth < 840 ? 5 : serviceTypes.length)))) && (
-        <Image
-          src={moreIcon}
-          alt="더 있음"
-          width={24}
-          height={24}
-        />
-      )}
+        {sortedServiceTypes.slice(0, cardWidth < 467 ? 2 : (cardWidth < 650 ? 3 : (cardWidth < 778 ? 4 : (cardWidth < 840 ? 5 : sortedServiceTypes.length)))).map((type, index) => (
+          <Label 
+            key={`${type}-${index}`}
+            labelType={type}
+            labelSize={labelSize}
+            customLabelContainerClass={customLabelContainerClass}
+            customLabelTextClass={customLabelTextClass}
+          />
+        ))}
+        {sortedServiceTypes.length > (cardWidth < 467 ? 2 : (cardWidth < 650 ? 3 : (cardWidth < 778 ? 4 : (cardWidth < 840 ? 5 : sortedServiceTypes.length)))) && (
+          <Image
+            src={moreIcon}
+            alt="더 있음"
+            width={24}
+            height={24}
+          />
+        )}
       </div>
 
       <h2 className={`mb-4 text-2xl semibold text-color-black-300 ${titleSize} ${cardSize === 'sm' ? 'text-md !mb-1' : ''} mobile-tablet:text-sm`}>
diff --git a/src/components/Common/DreamerFilter.tsx b/src/components/Common/DreamerFilter.tsx
index d4d13cb..ce39627 100644
--- a/src/components/Common/DreamerFilter.tsx
+++ b/src/components/Common/DreamerFilter.tsx
@@ -3,18 +3,10 @@ import Image from "next/image";
 import downBlue from "@public/assets/dropdown_down_blue.svg";
 import downGray from "@public/assets/dropdown_down_gray.svg";
 
-const placeholder = "지역";
-const items = ["전체", "서울", "경기", "인천", "강원", "충북", "충남", "세종", "대전", "전북"];
-const placeholder2 = "서비스";
-const items2 = [
-  "전체",
-  "기념품/쇼핑형",
-  "맛집 탐방형",
-  "액티비티/탐험형",
-  "문화/역사탐방형",
-  "축제참여형",
-  "휴양형",
-];
+const placeholder = '지역';
+const items = ['전체', '서울', '부산', '인천', '대구', '대전', '광주', '울산', '세종', '경기', '강원', '충북', '충남', '전북', '전남', '경북', '경남', '제주'];
+const placeholder2 = '서비스';
+const items2 = ['전체', '기념품/쇼핑형', '맛집 탐방형', '액티비티/탐험형', '문화/역사탐방형', '축제참여형', '휴양형'];
 
 const serviceTypeMapping: Record<string, string> = {
   전체: "",
@@ -27,16 +19,24 @@ const serviceTypeMapping: Record<string, string> = {
 };
 
 const areaMapping: Record<string, string> = {
-  전체: "",
-  서울: "SEOUL",
-  경기: "GYEONGGI",
-  인천: "INCHEON",
-  강원: "GANGWON",
-  충북: "CHUNGBUK",
-  충남: "CHUNGNAM",
-  세종: "SEJONG",
-  대전: "DAEJEON",
-  전북: "JEONBUK",
+  '전체': '',
+  '서울': 'SEOUL',
+  '부산': 'BUSAN',
+  '인천': 'INCHEON',
+  '대구': 'DAEGU',
+  '대전': 'DAEJEON',
+  '광주': 'GWANGJU',
+  '울산': 'ULSAN',
+  '세종': 'SEJONG',
+  '경기': 'GYEONGGI',
+  '강원': 'GANGWON',
+  '충북': 'CHUNGBUK',
+  '충남': 'CHUNGNAM',
+  '전북': 'JEONBUK',
+  '전남': 'JEONNAM',
+  '경북': 'GYEONGBUK',
+  '경남': 'GYEONGNAM',
+  '제주': 'JEJU',
 };
 
 interface DreamerFilterProps {
diff --git a/src/components/Common/DropdownSort.tsx b/src/components/Common/DropdownSort.tsx
index 106fc19..5b402ce 100644
--- a/src/components/Common/DropdownSort.tsx
+++ b/src/components/Common/DropdownSort.tsx
@@ -60,7 +60,7 @@ const DropdownSort = ({ onSort }: DropdownSortProps) => {
         />
       </button>
       {isOpen && (
-        <div className="w-[114px] h-[120px] rounded-[8px] border border-color-line-100 absolute top-full z-50 shadow-sm overflow-y-scroll transition-all duration-300 ease-in-out bg-white
+        <div className="w-[114px] h-[120px] rounded-[8px] border border-color-line-100 absolute top-full z-50 shadow-sm  transition-all duration-300 ease-in-out bg-white
         mobile-tablet:w-[91px] mobile-tablet:h-[95px] 
         ">
           <div className="flex flex-col w-full">
diff --git a/src/pages/finding-maker/index.tsx b/src/pages/finding-maker/index.tsx
index 61ef150..8c60da5 100644
--- a/src/pages/finding-maker/index.tsx
+++ b/src/pages/finding-maker/index.tsx
@@ -112,9 +112,19 @@ export default function FindingMaker() {
       }
     };
 
-    if (isLoggedIn) {
-      fetchFollowedItems();
-    }
+    const handleResize = () => {
+      const isComponentVisible = window.innerWidth > 746; 
+      if (isLoggedIn && isComponentVisible) {
+        fetchFollowedItems();
+      }
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize(); 
+
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
   }, [isLoggedIn]);
 
   return (
@@ -126,6 +136,14 @@ export default function FindingMaker() {
               padding: 0 72px;
             }
           }
+          @media (max-width: 374px) {
+            .main-container {
+              padding: 0 5px;
+            }
+            .hide-on-374 {
+              display: none;
+            }
+          }
           .flash {
             animation: flash-animation 0.3s ease-in-out;
           }
@@ -194,17 +212,17 @@ export default function FindingMaker() {
         </div>  
         <div className="w-3/4 flex flex-col gap-[32px] mobile-tablet:w-full mobile:mx-[auto] mobile:w-[327px] tablet:mx-[auto] tablet:w-[600px] tablet:px-[10px] tablet:py-[12px]">
           <div className="gap-6">
-            <div className="pc:ml-auto pc:flex pc:justify-between mobile-tablet:flex mobile-tablet:justify-between">
+            <div className="pc:ml-auto pc:flex pc:justify-between mobile-tablet:flex mobile-tablet:justify-between ">
               <div className="pc:hidden mobile-tablet:flex mobile-tablet:gap-4">
                 <DreamerFilter type="service" reset={resetFilters} onSelect={handleServiceTypeChange} />
                 <DreamerFilter type="location" reset={resetFilters} onSelect={handleServiceAreaChange} />
               </div>
-              <div className="pc:ml-auto">
+              <div className="pc:ml-auto hide-on-374">
                 <DropdownSort onSort={handleOrderByChange} />
               </div>
             </div>
             <SearchBar 
-              placeholder="텍스트를 입력해 주세요."
+              placeholder="타이틀 검색 & maker 검색"
               className="w-full mobile-tablet:w-full" 
               value={searchValue}
               onChange={handleSearchChange}