diff --git a/src/app/components/buttons/providerCard.tsx b/src/app/components/buttons/providerCard.tsx
index 0eefde7..5a924b2 100644
--- a/src/app/components/buttons/providerCard.tsx
+++ b/src/app/components/buttons/providerCard.tsx
@@ -22,7 +22,7 @@ function ProviderCard({
             }}
         >
             <div className="h-[142px] w-[134px]">
-                <img src={`/icons/${provider.icon}`} alt="My Image" />
+                <img src={`./icons/${provider.icon}`} alt={provider.name} />
             </div>
             <span className="text-lg">{provider.name}</span>
         </div>
diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx
index 7f6f98b..ca8a65f 100644
--- a/src/app/components/footer.tsx
+++ b/src/app/components/footer.tsx
@@ -7,7 +7,7 @@ function Footer() {
             <div className="flex justify-evenly space-x-10 mt-4 text-lg text-gray-600">
                 <div>
                     <a href="https://github.com/oogunjob/Universal-Music-Library-Transfer" target="_blank" className="flex items-center space-x-2">
-                        <img src="/icons/github-mark.svg" alt="Github Icon" className="w-6 h-6" />
+                        <img src="./icons/github-mark.svg" alt="Github Icon" className="w-6 h-6" />
                         <span>GitHub</span>
                     </a>
                 </div>
diff --git a/src/app/components/playlists.tsx b/src/app/components/playlists.tsx
index 1931168..e9b177e 100644
--- a/src/app/components/playlists.tsx
+++ b/src/app/components/playlists.tsx
@@ -94,7 +94,7 @@ function Playlists({
                         >
                             <div onClick={() => handleToggleOption(playlist)} className={`flex flex-col items-center justify-center cursor-pointer `}>
                                 <div className={`flex items-center justify-center w-20 h-20 bg-white rounded-[10px] shadow`}>
-                                    <img src={`/icons/playlist_icon.svg`} alt={playlist.name} />
+                                    <img src={`./icons/playlist_icon.svg`} alt={playlist.name} />
                                 </div>
                                 <div className="flex items-center justify-center">
                                     <label
diff --git a/src/app/components/transfer.tsx b/src/app/components/transfer.tsx
index aa05c42..d094073 100644
--- a/src/app/components/transfer.tsx
+++ b/src/app/components/transfer.tsx
@@ -63,7 +63,7 @@ function Transfer({ source, destination, playlists }: { source: BaseProvider; de
                     <div key={index} className="flex justify-center mx-3">
                         <div className="w-[315px] h-20 flex items-center font-normal bg-white rounded-[10px] shadow mr-5 mb-5 overflow-hidden overflow-ellipsis whitespace-nowrap">
                             <div className="mx-2 ">
-                                <img src={`/icons/playlist_icon.svg`} alt={playlist.name} />
+                                <img src={`./icons/playlist_icon.svg`} alt={playlist.name} />
                             </div>
                             {source.GetPlaylistName(playlist)}
                         </div>