diff --git a/tone-page-web/app/console/(with-menu)/web/blog/components/BlogTable.tsx b/tone-page-web/app/console/(with-menu)/web/blog/components/BlogTable.tsx
index 8b8af4f..a129870 100644
--- a/tone-page-web/app/console/(with-menu)/web/blog/components/BlogTable.tsx
+++ b/tone-page-web/app/console/(with-menu)/web/blog/components/BlogTable.tsx
@@ -21,7 +21,7 @@ interface BlogTableProps {
 
 export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
     return (
-        <Table>
+        <Table className="w-full overflow-x-auto">
             {
                 error && (
                     <TableCaption>{error}</TableCaption>
@@ -51,9 +51,9 @@ export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
                                 </Tooltip>
                             </TooltipProvider>
                         </TableCell>
-                        <TableCell>{blog.title}</TableCell>
-                        <TableCell>{blog.description}</TableCell>
-                        <TableCell>{blog.contentUrl}</TableCell>
+                        <TableCell className="whitespace-normal break-words">{blog.title}</TableCell>
+                        <TableCell className="whitespace-normal break-words">{blog.description}</TableCell>
+                        <TableCell className="whitespace-normal break-words">{blog.contentUrl}</TableCell>
                         <TableCell className="text-right">
                             <BlogEdit id={blog.id} onRefresh={() => onRefresh()}>
                                 <Button variant={'outline'} size={'sm'}>编辑</Button>