diff --git a/frontend/src/app/album/[id]/page.tsx b/frontend/src/app/album/[id]/page.tsx
index 0e3afed..6c50664 100644
--- a/frontend/src/app/album/[id]/page.tsx
+++ b/frontend/src/app/album/[id]/page.tsx
@@ -133,7 +133,7 @@ export default function Page() {
                 <Edit fontSize="inherit" color="success"/>
               </IconButton>
               <IconButton aria-label="Delete Song" size="small" song-id={song.id.toString()} onClick={handleDelete}>
-                <Delete fontSize="inherit" color="failure"/>
+                <Delete fontSize="inherit" color="error"/>
               </IconButton>
             </td>
           </tr>
diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index 18512f6..2dbd5d5 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -131,7 +131,7 @@ export default function Page() {
                 <Edit fontSize="inherit" color="success"/>
               </IconButton>
               <IconButton aria-label="Delete Album" size="small" album-id={album.id.toString()} onClick={handleDelete}>
-                <Delete fontSize="inherit" color="failure"/>
+                <Delete fontSize="inherit" color="error"/>
               </IconButton>
             </td>
           </tr>