diff --git a/src/App.js b/src/App.js
index 2b0f24350872e24337820a540a1321b35ff48d33..e55576963f5d0d5e6c3d3cb9a4fe05942cf91fce 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,10 +18,10 @@ export default function App () {
     //사이트 처음 들어갈 때 좋아요 목록이랑 좋아요 표시가 잘 나타나도록
     useEffect(() => {
         fetch(`/likes`, {method:'GET'})
-        .then((r) => Response.json())
+        .then((r) => r.json())
         .then((r) => {setFavorites(r), setLikes(r);})
         .catch((error) => {
-            console.error("Error fetching favorites:", e);
+            console.error("Error fetching favorites:", error);
         });         
   }, []);  
             
@@ -33,7 +33,7 @@ export default function App () {
         setSnackState({open: true, msg: `${name} is clicked`})
         
         if (likes[id]) {//이미 좋아요를 한 item이라면
-            fetch(`/likes/${collectionId}`, {method: "DELETE"})//fetch 기능을 사용하여 서버에 대한 네트워크 요청을 보냄
+            fetch(`/likes/${id}`, {method: "DELETE"})//fetch 기능을 사용하여 서버에 대한 네트워크 요청을 보냄
                 .then((r)=>r.json())
                 .then((r)=>{
                     console.log(r);
diff --git a/src/Favorites.js b/src/Favorites.js
index 8f789f35e3b8cc4602d864d75e5f4f8ec8d0c222..914735d79a25ded505b46f713eeaad733f4a8f73 100644
--- a/src/Favorites.js
+++ b/src/Favorites.js
@@ -11,11 +11,10 @@ import React from 'react';
 import MusicList from './MusicList';
 
 const Favorites = ({list, likes, toggleFavorite}) => {
-
-  const favList = list.filter(item => likes[item.collectionId])//filter함수를 이용하여 좋아요 한 노래들만 필터링해서 favList에 집어넣기
+  //이미 좋아요 리스트를 서버에서 넘겨받고 있기 때문에 favList 삭제
 
   return (
-      <MusicList list={favList} likes={likes} toggleFavorite={toggleFavorite}/>
+      <MusicList list={list} likes={likes} toggleFavorite={toggleFavorite}/>
   );
 }
 
diff --git a/src/MusicList.js b/src/MusicList.js
index bbcac96554a27cbb9a8f54dde1a23aaea440c5ca..5c7b92ef3b209884e054643e05339fa5b7db4ab9 100644
--- a/src/MusicList.js
+++ b/src/MusicList.js
@@ -25,10 +25,10 @@ export default function MusicList ({list, likes, toggleFavorite}) {
                     <Card sx={styles.card} key={item.collectionId}>
                         <CardContent>
                             <Typography varient = "subtitle1"> {item.artistName} </Typography>
-                            <Typography variant = "subtitle2"> {item.collectionCensoredName} </Typography>
+                            <Typography variant = "subtitle2"> {item.collectionName} </Typography>
                         </CardContent>
                         <CardActions>
-                            <IconButton onClick = {() => toggleFavorite(item.collectionId, item.collectionCensoredName)}>
+                            <IconButton onClick = {() => toggleFavorite(item.collectionId, item.collectionName)}>
                                 {(likes[item.collectionId] === true) ? <Favorite/> : <FavoriteBorder/>}
                             </IconButton>
                         </CardActions>
diff --git a/src/SnackMsg.js b/src/SnackMsg.js
index e3766f2d31fb9a6be3c2b55c50a9bf182431721b..411c5e45df9183ced9d05ac28a8690dd75be7a6f 100644
--- a/src/SnackMsg.js
+++ b/src/SnackMsg.js
@@ -6,7 +6,7 @@ const SnackMsg = (props) => {
     return (
         <Snackbar
             open = {props.open}
-            anchorOrigin = {{vertical: 'Bottom', horizontal: 'right'}}
+            anchorOrigin = {{vertical: 'bottom', horizontal: 'right'}}
             autoHideDuration = {3000}
             onClose = {props.onClose}
             message = {props.message}>