diff --git a/web/src/components/chat/RoomList.tsx b/web/src/components/chat/RoomList.tsx
deleted file mode 100644
index 0e4c4966..00000000
--- a/web/src/components/chat/RoomList.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Box, List, Typography } from "@mui/material";
-import type { RoomOverview } from "common/types";
-import { useNavigate } from "react-router-dom";
-import { HumanListItem } from "~/components/human/humanListItem";
-
-type RoomListProps = {
-  roomsData: RoomOverview[] | null;
-};
-
-export function RoomList(props: RoomListProps) {
-  const { roomsData } = props;
-  const navigate = useNavigate();
-
-  return (
-    <List disablePadding>
-      <p
-        style={{
-          marginLeft: "40px",
-          marginRight: "40px",
-        }}
-      >
-        {roomsData && roomsData.length === 0 && (
-          <>
-            誰ともマッチングしていません。
-            <br />
-            リクエストを送りましょう！
-          </>
-        )}
-      </p>
-      {roomsData?.map((room) => {
-        if (room.isDM) {
-          return (
-            <Box
-              key={room.friendId}
-              onClick={() => {
-                // `state`を使って`room`データを渡す
-                navigate(`./${room.friendId}`, { state: { room } });
-              }}
-            >
-              <HumanListItem
-                key={room.friendId}
-                id={room.friendId}
-                name={room.name}
-                pictureUrl={room.thumbnail}
-                rollUpName={true}
-                lastMessage={
-                  room.lastMsg?.isPicture
-                    ? "画像を送信しました"
-                    : room.lastMsg?.content
-                }
-              />
-            </Box>
-          );
-        }
-        return (
-          <Typography key={room.roomId} variant="body2" sx={{ mb: 1 }}>
-            グループチャット: {room.name}
-          </Typography>
-        );
-      })}
-    </List>
-  );
-}
-
-export default RoomList;