diff --git a/dist/index.html b/dist/index.html
index 5a8170f..e4d08a9 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>숙제노기</title>
-    <script type="module" crossorigin src="/assets/index.D8OG0Kkt.js"></script>
+    <script type="module" crossorigin src="/assets/index.B5twrJS6.js"></script>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/pages/CharacterList.tsx b/src/pages/CharacterList.tsx
index 7325bb8..a637192 100644
--- a/src/pages/CharacterList.tsx
+++ b/src/pages/CharacterList.tsx
@@ -1,4 +1,5 @@
-import { Box, Card, CardContent, Typography, Container, Grid } from '@mui/material'
+import { Box, Card, CardContent, Typography, Container } from '@mui/material'
+import { Grid } from '@mui/material'
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import api from '../lib/api'
@@ -40,47 +41,49 @@ function SortableCharacterCard({ character }: { character: Character }) {
     }
 
     return (
-        <Grid item xs={12} sm={6} md={4} ref={setNodeRef} style={style}>
-            <Card
-                sx={{
-                    cursor: 'pointer',
-                    textDecoration: 'none',
-                    position: 'relative',
-                }}
-                onClick={() => navigate(`/characters/${character.id}/edit`)}
-            >
-                {/* 드래그 핸들 */}
-                <Box
-                    {...attributes}
-                    {...listeners}
+        <Grid item xs={12} sm={6} md={4} {...({} as any)}>
+            <Box ref={setNodeRef} style={style}>
+                <Card
                     sx={{
-                        position: 'absolute',
-                        top: 8,
-                        right: 8,
-                        width: 24,
-                        height: 24,
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        backgroundColor: 'rgba(0,0,0,0.1)',
-                        borderRadius: '50%',
-                        cursor: 'grab',
-                        zIndex: 10,
+                        cursor: 'pointer',
+                        textDecoration: 'none',
+                        position: 'relative',
                     }}
-                    onClick={(e) => e.stopPropagation()}
+                    onClick={() => navigate(`/characters/${character.id}/edit`)}
                 >
-                    <DragIndicatorIcon fontSize="small" />
-                </Box>
+                    {/* 드래그 핸들 */}
+                    <Box
+                        {...attributes}
+                        {...listeners}
+                        sx={{
+                            position: 'absolute',
+                            top: 8,
+                            right: 8,
+                            width: 24,
+                            height: 24,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            backgroundColor: 'rgba(0,0,0,0.1)',
+                            borderRadius: '50%',
+                            cursor: 'grab',
+                            zIndex: 10,
+                        }}
+                        onClick={(e) => e.stopPropagation()}
+                    >
+                        <DragIndicatorIcon fontSize="small" />
+                    </Box>
 
-                <CardContent>
-                    <Typography variant="h6">{character.name}</Typography>
-                    <Typography color="text.secondary">서버: {character.server || '-'}</Typography>
-                    <Typography color="text.secondary">직업: {character.job || '-'}</Typography>
-                    <Typography color="text.secondary">
-                        전투력: {character.combat_power?.toLocaleString() || '-'}
-                    </Typography>
-                </CardContent>
-            </Card>
+                    <CardContent>
+                        <Typography variant="h6">{character.name}</Typography>
+                        <Typography color="text.secondary">서버: {character.server || '-'}</Typography>
+                        <Typography color="text.secondary">직업: {character.job || '-'}</Typography>
+                        <Typography color="text.secondary">
+                            전투력: {character.combat_power?.toLocaleString() || '-'}
+                        </Typography>
+                    </CardContent>
+                </Card>
+            </Box>
         </Grid>
     )
 }
@@ -122,7 +125,7 @@ export default function CharacterList() {
                         {characters.map((char) => (
                             <SortableCharacterCard key={char.id} character={char} />
                         ))}
-                        <Grid component="div" item xs={12} sm={6} md={4}>
+                        <Grid item xs={12} sm={6} md={4} {...({} as any)}>
                             <Card
                                 onClick={() => (window.location.href = '/characters/register')}
                                 sx={{
diff --git a/src/pages/HomeworkList.tsx b/src/pages/HomeworkList.tsx
index 8d0772d..bc52cce 100644
--- a/src/pages/HomeworkList.tsx
+++ b/src/pages/HomeworkList.tsx
@@ -43,7 +43,7 @@ function SortableHomeworkCard({ homework }: { homework: HomeworkType }) {
     }
 
     return (
-        <Grid component="div" item xs={12} sm={6} md={4} ref={setNodeRef} style={style}>
+        <Grid item xs={12} sm={6} md={4} ref={setNodeRef} style={style} {...({} as any)}>
             <Card
                 sx={{
                     cursor: 'pointer',
@@ -120,7 +120,7 @@ export default function HomeworkList() {
                         {homeworks.map((hw) => (
                             <SortableHomeworkCard key={hw.id} homework={hw} />
                         ))}
-                        <Grid item xs={12} sm={6} md={4}>
+                        <Grid item xs={12} sm={6} md={4} {...({} as any)}>
                             <Card
                                 onClick={() => (window.location.href = '/homeworks/register')}
                                 sx={{
