diff --git a/src/web/features/inbox/components/MaterialList.tsx b/src/web/features/inbox/components/MaterialList.tsx
index e9a668d..a2f73ec 100644
--- a/src/web/features/inbox/components/MaterialList.tsx
+++ b/src/web/features/inbox/components/MaterialList.tsx
@@ -110,10 +110,12 @@ export function MaterialList({ loading, materials, onAddClick, onDelete, onSelec
 
   return (
     <div className="app-inbox-sidebar">
-      <Button block icon={<PlusOutlined />} onClick={onAddClick} type="primary">
-        新增素材
-      </Button>
-      <Segmented block onChange={(value) => setFilterStatus(value)} options={segmentedOptions} value={filterStatus} />
+      <div className="app-inbox-sidebar-header">
+        <Button block icon={<PlusOutlined />} onClick={onAddClick} type="primary">
+          新增素材
+        </Button>
+        <Segmented block onChange={(value) => setFilterStatus(value)} options={segmentedOptions} value={filterStatus} />
+      </div>
       <div className="app-inbox-list">
         {loading ? (
           <Skeleton active paragraph={{ rows: 6 }} title={false} />
diff --git a/src/web/styles.css b/src/web/styles.css
index 9d5ff77..51e1d87 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -259,13 +259,19 @@ body {
   display: flex;
   width: 280px;
   flex-direction: column;
-  gap: var(--ant-margin-sm);
-  padding: var(--ant-padding-sm);
   border-right: 1px solid var(--ant-color-border-secondary);
   border-radius: var(--ant-border-radius-lg);
   background: var(--ant-color-bg-container);
 }
 
+.app-inbox-sidebar-header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ant-margin-sm);
+  padding: var(--ant-padding-sm);
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+
 .app-inbox-list {
   display: flex;
   flex: 1;