diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5026321..4774625 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,8 +2,10 @@
 
 ##### More aligned with GitHub style
 
+- Optimize the workflow log page style
+
 ### 🐞 Fix
 
 - Fix the problem of missing background color and width when there is a unicode character in the diff
 - Fix the disabled operation button interval in the code preview interface
-- Fix fixed height when scrolling through step titles on workflow detail pages
\ No newline at end of file
+- Fix fixed height when scrolling through step titles on workflow detail pages
diff --git a/styles/components/actions.ts b/styles/components/actions.ts
index cfa5564..c10a75e 100644
--- a/styles/components/actions.ts
+++ b/styles/components/actions.ts
@@ -156,7 +156,6 @@ export const actionViewLeft = css`
   .action-view-left {
     margin-right: 28px;
     border-top: 1px solid ${themeVars.color.console.border};
-
     &:before {
       content: "Jobs";
       color: ${themeVars.color.console.fg.subtle};
@@ -168,52 +167,53 @@ export const actionViewLeft = css`
       top: -8px;
       left: 15px;
     }
-
     .job-group-section {
       padding-right: 8px;
       padding-bottom: 8px;
       border-bottom: 1px solid ${themeVars.color.console.border};
-
-      .job-brief-item {
-        border-radius: ${otherThemeVars.border.radius} !important;
-        padding: 8px;
-        position: relative;
-        margin-left: 0.5rem;
-
-        &.selected {
+      .job-brief-list {
+        gap: 4px;
+        // 双重确保覆盖原始样式
+        .job-brief-item.job-brief-item {
+          border-radius: ${otherThemeVars.border.radius} !important;
+          padding: 8px;
+          position: relative;
+          margin-left: 0.5rem;
           &:hover {
             background-color: ${themeVars.color.console.hoverBg};
           }
-
-          &:after {
-            overflow: visible;
-            background: ${themeVars.github.borderColor.accent.emphasis};
-            border-radius: ${otherThemeVars.border.radius};
-            content: "";
-            height: 24px;
-            left: calc(0.5rem * -1);
-            position: absolute;
-            top: calc(50% - 12px);
-            width: 4px;
-          }
-        }
-        .job-brief-item-right {
-          svg.job-brief-rerun {
-            display: none;
-            color: ${themeVars.color.console.fg.subtle};
-            &:hover {
-              color: ${themeVars.color.text.self};
+          &.selected {
+            &:after {
+              overflow: visible;
+              background: ${themeVars.github.borderColor.accent.emphasis};
+              border-radius: ${otherThemeVars.border.radius};
+              content: "";
+              height: 24px;
+              left: calc(0.5rem * -1);
+              position: absolute;
+              top: calc(50% - 12px);
+              width: 4px;
             }
           }
-          .step-summary-duration {
-            color: ${themeVars.color.console.fg.subtle};
-            font-family: var(--fonts-monospace);
-          }
-        }
-        &:hover {
           .job-brief-item-right {
             svg.job-brief-rerun {
-              display: inline-block;
+              display: none;
+              color: ${themeVars.color.console.fg.subtle};
+              &:hover {
+                color: ${themeVars.color.text.self};
+              }
+            }
+            .step-summary-duration {
+              color: ${themeVars.color.console.fg.subtle};
+              font-family: var(--fonts-monospace);
+              font-size: 12px;
+            }
+          }
+          &:hover {
+            .job-brief-item-right {
+              svg.job-brief-rerun {
+                display: inline-block;
+              }
             }
           }
         }