diff --git a/src/app/components/LoadingBar.tsx b/src/app/components/LoadingBar.tsx
index 3914c6c..6be2eb3 100644
--- a/src/app/components/LoadingBar.tsx
+++ b/src/app/components/LoadingBar.tsx
@@ -2,7 +2,7 @@ import styles from './loading.module.css'
 const LoadingBar = () => {
   return (
     <div className='w-full fixed top-0 left-0'>
-      <div className='h-1.5 w-full bg-pink-100 overflow-hidden'>
+      <div className='h-1.5 w-full bg-blue-100 overflow-hidden'>
         <div
           className={`${styles.progress} w-full h-full bg-blue-500 ${styles['left-right']}`}
         ></div>