diff --git a/src/pages/CharacterList.tsx b/src/pages/CharacterList.tsx
index 94a0908..7325bb8 100644
--- a/src/pages/CharacterList.tsx
+++ b/src/pages/CharacterList.tsx
@@ -122,7 +122,7 @@ export default function CharacterList() {
                         {characters.map((char) => (
                             <SortableCharacterCard key={char.id} character={char} />
                         ))}
-                        <Grid item xs={12} sm={6} md={4}>
+                        <Grid component="div" item xs={12} sm={6} md={4}>
                             <Card
                                 onClick={() => (window.location.href = '/characters/register')}
                                 sx={{
diff --git a/src/pages/HomeworkList.tsx b/src/pages/HomeworkList.tsx
index 2a5536b..8d0772d 100644
--- a/src/pages/HomeworkList.tsx
+++ b/src/pages/HomeworkList.tsx
@@ -43,7 +43,7 @@ function SortableHomeworkCard({ homework }: { homework: HomeworkType }) {
     }
 
     return (
-        <Grid item xs={12} sm={6} md={4} ref={setNodeRef} style={style}>
+        <Grid component="div" item xs={12} sm={6} md={4} ref={setNodeRef} style={style}>
             <Card
                 sx={{
                     cursor: 'pointer',