diff --git a/src/components/HeaderBar.tsx b/src/components/HeaderBar.tsx
index 2ab95e3..01d13e5 100644
--- a/src/components/HeaderBar.tsx
+++ b/src/components/HeaderBar.tsx
@@ -100,7 +100,7 @@ export default function HeaderBar(props: Props) {
     width: "auto",
   }));
 
-  const SearchIconWrapper = styled("div")(({ theme }) => ({
+  const SearchIconWrapper = styled("div")(() => ({
     height: "100%",
     aspectRatio: 1,
     position: "absolute",
diff --git a/src/components/RenderFoods.tsx b/src/components/RenderFoods.tsx
index e366264..4791575 100644
--- a/src/components/RenderFoods.tsx
+++ b/src/components/RenderFoods.tsx
@@ -1,6 +1,6 @@
 import type { FoodList } from "../types/food";
 import Item from "./Item";
-import { Box, Stack } from "@mui/material";
+import { Stack } from "@mui/material";
 import { FunctionComponent } from "react";
 
 interface RenderFoodProps {
@@ -14,7 +14,7 @@ interface RenderFoodProps {
 //render the grid of foods
 const RenderFoods:FunctionComponent<RenderFoodProps> = (props:RenderFoodProps) => {
   const foodList = props.foodList
-  const foodItems = foodList.map((item, key) => {
+  const foodItems = foodList.map((item ) => {
     return (
       <Item {...item} />
     );
diff --git a/src/components/SideBarList.tsx b/src/components/SideBarList.tsx
index 5ca5e53..8b4ef67 100644
--- a/src/components/SideBarList.tsx
+++ b/src/components/SideBarList.tsx
@@ -8,7 +8,7 @@ import {
   Divider
 } from "@mui/material";
 
-export default function SideBarList(props) {
+export default function SideBarList(props: any) {
   return (
     <Stack
       height="100%"