diff --git a/src/app/components/shuttle/Shuttle.tsx b/src/app/components/shuttle/Shuttle.tsx
index 1ac47bf..a806e48 100644
--- a/src/app/components/shuttle/Shuttle.tsx
+++ b/src/app/components/shuttle/Shuttle.tsx
@@ -10,6 +10,7 @@ import tw from 'twin.macro'
 
 import { openNaverMapApp } from '@/components/shuttle/map'
 import {
+  ChipType,
   Season,
   Settings,
   ShuttleStop,
@@ -327,16 +328,16 @@ const titleText = (location: string): string => {
   }
 }
 
-const getColoredElement = (type: string): JSX.Element => {
-  if (type == 'C') {
-    return <Chip className="bg-chip-red">{busTypeToText(type)}</Chip>
-  } else if (type == 'DHJ') {
-    return <Chip className="bg-chip-purple">{busTypeToText(type)}</Chip>
-  } else if (type == 'DY') {
-    return <Chip className="bg-chip-green">{busTypeToText(type)}</Chip>
+const ColoredChip = ({ chipType }: ChipType) => {
+  if (chipType == 'C') {
+    return <Chip className="bg-chip-red">{busTypeToText(chipType)}</Chip>
+  } else if (chipType == 'DHJ') {
+    return <Chip className="bg-chip-purple">{busTypeToText(chipType)}</Chip>
+  } else if (chipType == 'DY') {
+    return <Chip className="bg-chip-green">{busTypeToText(chipType)}</Chip>
   }
 
-  return <Chip className="bg-chip-blue">{busTypeToText(type)}</Chip>
+  return <Chip className="bg-chip-blue">{busTypeToText(chipType)}</Chip>
 }
 
 export const Shuttle = ({ location }: ShuttleStop) => {
@@ -483,7 +484,7 @@ export const Shuttle = ({ location }: ShuttleStop) => {
             return (
               <React.Fragment key={idx}>
                 <SingleTimetable>
-                  {getColoredElement(val.type)}
+                  <ColoredChip chipType={val.type} />
                   <TimeLeftWrapper
                     className={`${showActualTime ? 'touched' : ''}`}
                   >
diff --git a/src/app/data/index.ts b/src/app/data/index.ts
index 1d06560..77d6b1b 100644
--- a/src/app/data/index.ts
+++ b/src/app/data/index.ts
@@ -2,6 +2,7 @@ export type { StopLocation } from './common/stopLocation'
 export type { Changelog } from './modal/changelog'
 export type { NoticeInfo } from './notice/noticeInfo'
 export type { NoticeType } from './notice/noticeType'
+export type { ChipType } from './shuttle/chipType'
 export type { OrganizedTimetables } from './shuttle/organizedTimetables'
 export type { Period } from './shuttle/period'
 export type { Season } from './shuttle/season'
diff --git a/src/app/data/shuttle/chipType.ts b/src/app/data/shuttle/chipType.ts
new file mode 100644
index 0000000..045f572
--- /dev/null
+++ b/src/app/data/shuttle/chipType.ts
@@ -0,0 +1,3 @@
+export type ChipType = {
+  chipType: string
+}