diff --git a/app/components/StudentDashboard.tsx b/app/components/StudentDashboard.tsx
index f739258..79d4eeb 100644
--- a/app/components/StudentDashboard.tsx
+++ b/app/components/StudentDashboard.tsx
@@ -407,7 +407,7 @@ const App: React.FC = () => {
                                 <div className='flex flex-row justify-between place-items-center space-x-2 border-b-[1px] border-[#CFCFCF]'>
                                     <div className='w-full mx-auto h-[88px] border-x-[1px] border-t-[1px] border-[#CFCFCF] rounded-t-[10px] justify-center place-items-center mx-auto py-4'>
                                         <div className='-mt-10 relative flex flex-col justify-center place-items-center'>
-                                            <img className='mx-auto h-[52px] w-[60px] ' src={secondHighestRank.avatar} alt="" />
+                                            <img className='mx-auto h-[52px] w-[60px] ' src={`../../assets/${secondHighestRank.avatar}`} alt="" />
                                             <img className='absolute mt-12' src="../../assets/bacth2.svg" alt="" />
                                         </div>
                                         <p className='text-[12px] font-[700] text-center mt-4'>{secondHighestRank.name}</p>
@@ -416,7 +416,7 @@ const App: React.FC = () => {
                                     <div className='w-full mx-auto h-[130px] -mt-[42px] border-x-[1px] border-t-[1px] border-[#CFCFCF] rounded-t-[10px] justify-center place-items-center mx-auto py-4'>
                                         <div className='-mt-10 relative flex flex-col justify-center place-items-center'>
                                             <img className='-mt-10' src="../../assets/crown.png" alt="" />
-                                            <img className='mx-auto h-[52px] w-[60px]' src={highestRank.avatar} alt="" />
+                                            <img className='mx-auto h-[52px] w-[60px]' src={`../../assets/${highestRank.avatar}`} alt="" />
                                             <img className='absolute mt-12' src="../../assets/bacth1.svg" alt="" />
                                         </div>
                                         <p className='text-[12px] font-[700] text-center mt-4'>{highestRank.name}</p>
@@ -424,7 +424,7 @@ const App: React.FC = () => {
                                     </div>
                                     <div className='w-full mx-auto h-[88px] border-x-[1px] border-t-[1px] border-[#CFCFCF] rounded-t-[10px] justify-center place-items-center mx-auto py-4'>
                                         <div className='-mt-10 relative flex flex-col justify-center place-items-center'>
-                                            <img className='mx-auto h-[52px] w-[60px]' src={thirdHighestRank.avatar} alt="" />
+                                            <img className='mx-auto h-[52px] w-[60px]' src={`../../assets/${thirdHighestRank.avatar}`} alt="" />
                                             <img className='absolute mt-12' src="../../assets/bacth3.svg" alt="" />
                                         </div>
                                         <p className='text-[12px] font-[700] text-center mt-4'>{thirdHighestRank.name}</p>
@@ -435,7 +435,7 @@ const App: React.FC = () => {
                                     {sortedData.slice(3).map(data => (
                                         <div key={data.id} className='flex flex-row justify-between place-items-center border-b-[1px] border-[#CFCFCF] p-2'>
                                             <p className='text-[11px] font-[700]'># {data.rank}</p>
-                                            <img className='w-[35px] h-[35px]' src={data.avatar} alt="" />
+                                            <img className='w-[35px] h-[35px]' src={`../../assets/${data.avatar}`} alt="" />
                                             <div>
                                                 <p className='text-[14px] font-[700]'>{data.name}</p>
                                                 <p className='text-[10px] font-[700] text-[#6E6E6E]'>{data.program}</p>