diff --git a/video-gen-app/src/pages/GeneratedRecord.tsx b/video-gen-app/src/pages/GeneratedRecord.tsx
index 0d2aa49f..a1b67e02 100644
--- a/video-gen-app/src/pages/GeneratedRecord.tsx
+++ b/video-gen-app/src/pages/GeneratedRecord.tsx
@@ -908,18 +908,19 @@ const GeneratedRecord: React.FC = () => {
             {/* 操作栏：筛选 + 推送按钮 */}
             <div style={{
                 display: 'flex',
+                flexWrap: 'wrap',
                 alignItems: 'center',
                 gap: 12,
                 marginBottom: 16,
-                padding: '12px 20px',
+                padding: '12px 16px',
                 borderRadius: 12,
                 background: '#fff',
                 border: '1px solid #f0f0f5',
                 justifyContent: 'space-between',
             }}>
-                <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
-                    <FilterOutlined style={{ color: '#94a3b8', fontSize: 14 }} />
-                    <Space>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' }}>
+                    <FilterOutlined style={{ color: '#090a0cff', fontSize: 14 }} />
+                    <Space size={8} wrap={true}>
                         <Button
                             type={filterType === 'project' ? 'primary' : 'default'}
                             onClick={() => {
@@ -1002,10 +1003,10 @@ const GeneratedRecord: React.FC = () => {
                         </Button>
                     </Space>
                 </div>
-                <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
+                <div style={{ display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' }}>
                     {/* 多选模式按钮 */}
                     {isSelectionMode ? (
-                        <Space>
+                        <Space size={8} wrap={true}>
                             <Button
                                 onClick={handleSelectAll}
                                 style={{
@@ -1086,18 +1087,19 @@ const GeneratedRecord: React.FC = () => {
             {/* Second row filter: 视频 / 图片 */}
             <div style={{
                 display: 'flex',
+                flexWrap: 'wrap',
                 justifyContent: 'space-between',
                 alignItems: 'center',
                 gap: 12,
                 marginBottom: 24,
-                padding: '12px 20px',
+                padding: '12px 16px',
                 borderRadius: 12,
                 background: '#fff',
                 border: '1px solid #f0f0f5',
             }}>
                 <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
                     <Typography.Text style={{ color: '#94a3b8', fontSize: 14 }}>媒体类型：</Typography.Text>
-                    <Space>
+                    <Space size={8} wrap={true}>
                         <Button
                             type={filterMedia === 'video' ? 'primary' : 'default'}
                             onClick={() => {