diff --git a/frontend/src/components/DropDown.tsx b/frontend/src/components/DropDown.tsx
deleted file mode 100644
index dcab0d5..0000000
--- a/frontend/src/components/DropDown.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { useState } from "react";
-import MenuItem from "@mui/material/MenuItem";
-import Select from "@mui/material/Select";
-import FormControl from "@mui/material/FormControl";
-import InputLabel from "@mui/material/InputLabel";
-
-const DropDown = () => {
-  const [selectedValue, setSelectedValue] = useState(""); // 選択された値の状態管理
-
-  return (
-    <FormControl sx={{ width: "50%", marginBottom:2 }}>
-      <InputLabel id="demo-simple-select-label">カテゴリ</InputLabel>
-      <Select
-        labelId="demo-simple-select-label"
-        value={selectedValue}
-        onChange={(event) => setSelectedValue(event.target.value)}
-      >
-        <MenuItem value="乳製品">乳製品</MenuItem>
-        <MenuItem value="肉・魚">肉・魚</MenuItem>
-        <MenuItem value="野菜">野菜</MenuItem>
-        <MenuItem value="調味料">調味料</MenuItem>
-        <MenuItem value="その他">その他</MenuItem>
-      </Select>
-    </FormControl>
-  );
-};
-
-export default DropDown;
\ No newline at end of file