diff --git a/src/assets/icons/calendarwhite.svg b/src/assets/icons/calendarwhite.svg
new file mode 100644
index 0000000..03e83b8
--- /dev/null
+++ b/src/assets/icons/calendarwhite.svg
@@ -0,0 +1,12 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 1V3" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 1V3" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.5 2H2.5C1.94772 2 1.5 2.44772 1.5 3V10C1.5 10.5523 1.94772 11 2.5 11H9.5C10.0523 11 10.5 10.5523 10.5 10V3C10.5 2.44772 10.0523 2 9.5 2Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.5 5H10.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 7H4.005" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 7H6.005" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 7H8.005" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 9H4.005" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 9H6.005" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 9H8.005" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
index 93745e2..c770a28 100644
--- a/src/assets/icons/index.ts
+++ b/src/assets/icons/index.ts
@@ -53,6 +53,7 @@ export { default as KebabShareIcon } from './kebabshare.svg';
 export { default as KebabTrashIcon } from './kebabtrash.svg';
 export { default as KebabMapIcon } from './kebabmap.svg';
 export { default as PlusGrayIcon } from './plusgray.svg';
+export { default as CalendarWhiteIcon } from './calendarwhite.svg';
 
 
 export { default as SearchingIcon } from './searching.svg';
diff --git a/src/components/ui/Chip.tsx b/src/components/ui/Chip.tsx
index 52610a5..a369993 100644
--- a/src/components/ui/Chip.tsx
+++ b/src/components/ui/Chip.tsx
@@ -26,7 +26,7 @@ export const Chip = React.memo<ChipProps>(
           accessibilityRole="button"
           accessibilityLabel={label}
           accessibilityState={{ selected: isSelected }}>
-          <Text className={`text-p ${isSelected ? 'text-white' : 'text-black'}`}>{label}</Text>
+          <Text className={`text-p ${isSelected ? 'text-white' : 'text-gray'}`}>{label}</Text>
         </Pressable>
       );
     }
@@ -35,7 +35,7 @@ export const Chip = React.memo<ChipProps>(
       <View
         className={`px-4 py-[6px] rounded-2xl ${isSelected ? 'bg-main' : 'bg-chip'} ${className ?? ''}`}
         accessibilityLabel={label}>
-        <Text className={`text-p ${isSelected ? 'text-white' : 'text-black'}`}>{label}</Text>
+        <Text className={`text-p ${isSelected ? 'text-white' : 'text-gray'}`}>{label}</Text>
       </View>
     );
   },
diff --git a/src/screens/myTrip/MyTripScreen.tsx b/src/screens/myTrip/MyTripScreen.tsx
index b06d7b7..3deaadf 100644
--- a/src/screens/myTrip/MyTripScreen.tsx
+++ b/src/screens/myTrip/MyTripScreen.tsx
@@ -122,7 +122,7 @@ const MyTripScreen: React.FC = () => {
         <View className="flex-row items-start justify-between">
           <View>
             <Text className="text-h font-pretendardBold text-black">내여행</Text>
-            <Text className="mt-1 text-p text-gray">{filteredTripCardItems.length}개의 여행이 있어요</Text>
+            <Text className="text-p text-gray">{filteredTripCardItems.length}개의 여행이 있어요</Text>
           </View>
 
           <TouchableOpacity
@@ -136,48 +136,54 @@ const MyTripScreen: React.FC = () => {
         </View>
 
         {/* Chip */}
-        <View className="mt-7 flex-row">
+        <View className="mt-4 flex-row">
           <Chip
             label="전체"
             onPress={() => setSelectedChip('전체')}
             isSelected={selectedChip === '전체'}
-            className="mr-2"
+            className="mr-2 px-4 py-2"
           />
           <Chip
             label="예정된 여행"
             onPress={() => setSelectedChip('예정된 여행')}
             isSelected={selectedChip === '예정된 여행'}
-            className="mr-2"
+            className="mr-2 px-4 py-2"
           />
           <Chip
             label="지난 여행"
             onPress={() => setSelectedChip('지난 여행')}
             isSelected={selectedChip === '지난 여행'}
+            className="mr-2 px-4 py-2"
           />
         </View>
 
         {/* TripCard */}
         {filteredTripCardItems.length === 0 ? (
-          <View className="mt-6">
+          <View className="mt-4">
             <EmptyMapScreen />
           </View>
         ) : (
-          filteredTripCardItems.map((tripCardItem) => (
-            <TripCard
+          filteredTripCardItems.map((tripCardItem, index) => (
+            <View
               key={tripCardItem.id}
-              city={tripCardItem.city}
-              dateText={tripCardItem.dateText}
-              scheduleText={tripCardItem.scheduleText}
-              scheduleCountText={tripCardItem.scheduleCountText}
-              imageSource={tripCardItem.imageSource}
-              status={tripCardItem.status}
-              isOpen={openCardId === tripCardItem.id}
-              onToggle={() =>
-                setOpenCardId((prev) => (prev === tripCardItem.id ? null : tripCardItem.id))
-              }
+              style={{ zIndex: filteredTripCardItems.length - index }}
             >
-              <TripTimeline items={timelineItems} />
-            </TripCard>
+              <TripCard
+                city={tripCardItem.city}
+                dateText={tripCardItem.dateText}
+                scheduleText={tripCardItem.scheduleText}
+                scheduleCountText={tripCardItem.scheduleCountText}
+                imageSource={tripCardItem.imageSource}
+                status={tripCardItem.status}
+                isOpen={openCardId === tripCardItem.id}
+                onImagePress={() => navigation.navigate('TripDetail')}
+                onToggle={() =>
+                  setOpenCardId((prev) => (prev === tripCardItem.id ? null : tripCardItem.id))
+                }
+              >
+                <TripTimeline items={timelineItems} />
+              </TripCard>
+            </View>
           ))
         )}
       </View>
diff --git a/src/screens/myTrip/components/TripCard.tsx b/src/screens/myTrip/components/TripCard.tsx
index 2942d88..4cea55d 100644
--- a/src/screens/myTrip/components/TripCard.tsx
+++ b/src/screens/myTrip/components/TripCard.tsx
@@ -4,7 +4,7 @@ import { Image, Pressable, Text, View } from 'react-native';
 import { TripStatusChip } from '@/components/ui';
 import {
   PlaceIcon,
-  CalendarIcon,
+  CalendarWhiteIcon,
   ChevronDownIcon,
   ChevronUpIcon,
 } from '@/assets/icons';
@@ -18,6 +18,7 @@ export interface TripCardProps {
   status: 'traveling' | 'scheduled' | 'completed';
   isOpen: boolean;
   onToggle: () => void;
+  onImagePress?: () => void;
   children?: React.ReactNode;
 }
 
@@ -30,6 +31,7 @@ const TripCard = ({
   status,
   isOpen,
   onToggle,
+  onImagePress,
   children,
 }: TripCardProps) => {
 
@@ -37,7 +39,7 @@ const TripCard = ({
     <View
       className="mt-6 rounded-[8px] bg-white"
       style={{
-        shadowColor: '#000',
+        shadowColor: 'rgba(0, 0, 0, 0.25)',
         shadowOffset: { width: 0, height: 0 },
         shadowOpacity: 0.25,
         shadowRadius: 3,
@@ -45,38 +47,40 @@ const TripCard = ({
       }}
     >
       <View className="overflow-hidden rounded-[8px]">
-        <View className="relative">
-          <Image source={imageSource} className="h-[144px] w-full" resizeMode="cover" />
+        <Pressable onPress={onImagePress}>
+          <View className="relative">
+            <Image source={imageSource} className="h-[144px] w-full" resizeMode="cover" />
 
-          <View pointerEvents="none"/>
+            <View pointerEvents="none"/>
 
-        {/*TripStatusChip*/}
-          <View className="absolute top-2 left-2">
-            <TripStatusChip status={status} />
-          </View>
+          {/*TripStatusChip*/}
+            <View className="absolute top-[13px] left-[15px]">
+              <TripStatusChip status={status} />
+            </View>
 
-        {/*City*/}
-          <View className="absolute bottom-5 left-4">
-            <Text className="ml-[1.2px] text-h1 font-pretendardBold text-white">{city}</Text>
+          {/*City*/}
+            <View className="absolute bottom-3 left-3">
+              <Text className="text-h1 font-pretendardBold text-white">{city}</Text>
 
-        {/*Date*/}
-            <View className="flex-row items-center">
-              <CalendarIcon width={12} height={12} />
-              <Text className="ml-[4px] text-p1 text-white">{dateText}</Text>
+          {/*Date*/}
+              <View className="flex-row items-center">
+                <CalendarWhiteIcon width={14} height={14}/>
+                <Text className="px-1 text-p1 text-white">{dateText}</Text>
+              </View>
             </View>
           </View>
-        </View>
+        </Pressable>
 
         {/*schedule*/}
-        <View className="flex-row items-center justify-between px-4 py-3">
-          <View className="flex-row items-center">
-            <PlaceIcon width={14} height={14} />
-            <Text className="ml-1 text-p text-gray">{scheduleText}개의 일정</Text>
-            <Text className="ml-3 text-p text-gray">{scheduleCountText}일간</Text>
-          </View>
+        <Pressable onPress={onToggle}>
+          <View className="flex-row items-center justify-between px-4 py-3">
+            <View className="flex-row items-center">
+              <PlaceIcon width={14} height={14} />
+              <Text className="ml-1 text-p text-gray">{scheduleText}개의 일정</Text>
+              <Text className="ml-3 text-p text-gray">{scheduleCountText}일간</Text>
+            </View>
 
-        {/*Toggle*/}
-          <Pressable onPress={onToggle}>
+            {/*Toggle*/}
             <View className="flex-row items-center">
               <Text className="text-p text-main">
                 {isOpen ? '일정 접기 ' : '전체 보기 '}
@@ -88,8 +92,8 @@ const TripCard = ({
                 <ChevronDownIcon width={14} height={14} />
               )}
             </View>
-          </Pressable>
-        </View>
+          </View>
+        </Pressable>
 
         {isOpen && <View className="border-t border-chip px-4 py-4">{children}</View>}
       </View>
@@ -97,4 +101,4 @@ const TripCard = ({
   );
 };
 
-export default TripCard;
\ No newline at end of file
+export default TripCard;
diff --git a/src/screens/myTrip/components/TripTimeline.tsx b/src/screens/myTrip/components/TripTimeline.tsx
index d893cee..5f65589 100644
--- a/src/screens/myTrip/components/TripTimeline.tsx
+++ b/src/screens/myTrip/components/TripTimeline.tsx
@@ -119,14 +119,14 @@ const TripTimeline: React.FC<TripTimelineProps> = ({ items }) => {
         </TouchableOpacity>
       </View>
 
-      <View className="absolute bottom-0 left-[39px] top-[78px] w-[1px] bg-[#E5E0DC]" />
+      <View className="absolute bottom-0 left-[29px] top-[78px] w-[1px] bg-[#E5E0DC]" />
 
       {items.map((item, index) => {
         const isLast = index === items.length - 1;
 
         return (
           <View key={item.id} className={`${isLast ? '' : 'mb-4'} flex-row items-start`}>
-            <View className="w-[78px] items-center">
+            <View className="w-[58px] items-center">
               <View className="h-[58px] w-[58px] rounded-[8px] bg-[#DF6C201A] py-3">
                 <Text className="text-center text-p font-pretendardBold text-main">{item.startTime}</Text>
                 <View className="items-center">
@@ -136,7 +136,7 @@ const TripTimeline: React.FC<TripTimelineProps> = ({ items }) => {
               </View>
             </View>
 
-            <View className="ml-1 flex-1 self-start rounded-[8px] bg-[#F4F0EC80] px-4 py-3">
+            <View className="ml-3 flex-1 self-start rounded-[8px] bg-[#F4F0EC80] px-4 py-[10px]">
               <Text className="text-h3 font-pretendardSemiBold text-black">{item.title}</Text>
 
               <View className="mt-[2px] flex-row items-center">
@@ -155,4 +155,4 @@ const TripTimeline: React.FC<TripTimelineProps> = ({ items }) => {
   );
 };
 
-export default TripTimeline;
\ No newline at end of file
+export default TripTimeline;