diff --git a/packages/ui/src/components/status-badge/index.ts b/packages/ui/src/components/status-badge/index.ts
index ec4be4f..a32b0fb 100644
--- a/packages/ui/src/components/status-badge/index.ts
+++ b/packages/ui/src/components/status-badge/index.ts
@@ -1 +1 @@
-export * from './status-badge.component';
+export * from './status-badge';
diff --git a/packages/ui/src/components/status-badge/status-badge.component.tsx b/packages/ui/src/components/status-badge/status-badge.tsx
similarity index 98%
rename from packages/ui/src/components/status-badge/status-badge.component.tsx
rename to packages/ui/src/components/status-badge/status-badge.tsx
index 73cd894..3b3c2cc 100644
--- a/packages/ui/src/components/status-badge/status-badge.component.tsx
+++ b/packages/ui/src/components/status-badge/status-badge.tsx
@@ -38,7 +38,7 @@ export enum STATUS_DATA {
 
   WAIT = 'wait',
   WAITING = 'waiting',
-  WAITLIST = 'wait-list',
+  WAITING_LIST = 'waiting-list',
 
   PROCESS = 'process',
   PROCESSING = 'processing',
@@ -173,7 +173,7 @@ export const DEFAULT_STATUS_MAP: Record<string, BadgeProps> = {
   // #6C5DD0
   [STATUS_DATA.WAIT]: { color: '#6C5DD0', leftSection: getIcon(Clock) },
   [STATUS_DATA.WAITING]: { color: '#6C5DD0', leftSection: getIcon(Clock) },
-  [STATUS_DATA.WAITLIST]: { color: '#6C5DD0', leftSection: getIcon(Clock) },
+  [STATUS_DATA.WAITING_LIST]: { color: '#6C5DD0', leftSection: getIcon(Clock) },
 
   // #D26DA9
   [STATUS_DATA.CANCEL]: { color: '#D26DA9', leftSection: getIcon(XCircle) },