diff --git a/torchci/components/hud.module.css b/torchci/components/hud.module.css
index 5bf1a5a0d6..850e2cdd75 100644
--- a/torchci/components/hud.module.css
+++ b/torchci/components/hud.module.css
@@ -3,6 +3,15 @@
   border-collapse: collapse;
   width: max-content;
   line-height: 1;
+  padding: 0;
+}
+
+/* Table wrapper with background to support rotated headers */
+.hudTableContainer {
+  background-color: var(--dropdown-bg);
+  display: inline-block;
+  padding-right: 100px;
+  margin-right: -100px; /* Offset the padding to maintain original spacing */
 }
 
 /* Fix the width of these columns to avoid layout shift when loading the HUD
@@ -22,6 +31,7 @@
 .colJob {
   width: 1.2ch;
   min-width: 14px;
+  position: relative; /* Add this to extend background */
 }
 .colAuthor {
   width: 12ch;
@@ -51,7 +61,7 @@
   flex: 1;
 }
 
-/* code to roatate the workflow name headers */
+/* code to rotate the workflow name headers */
 .jobHeader {
   font-family: sans-serif;
   height: 150px;
diff --git a/torchci/pages/hud/[repoOwner]/[repoName]/[branch]/[[...page]].tsx b/torchci/pages/hud/[repoOwner]/[repoName]/[branch]/[[...page]].tsx
index a32e3a667b..3d03762b1a 100644
--- a/torchci/pages/hud/[repoOwner]/[repoName]/[branch]/[[...page]].tsx
+++ b/torchci/pages/hud/[repoOwner]/[repoName]/[branch]/[[...page]].tsx
@@ -329,11 +329,16 @@ function GroupFilterableHudTable({
           />
           <MonsterFailuresCheckbox />
         </div>
-        <table className={styles.hudTable} style={{ overflow: "auto" }}>
-          <GroupHudTableColumns names={headerNames} />
-          <GroupHudTableHeader names={headerNames} />
-          {children}
-        </table>
+        {/* Table wrapper with custom class for extended background */}
+        <div style={{ overflowX: "auto" }}>
+          <div className={styles.hudTableContainer}>
+            <table className={styles.hudTable}>
+              <GroupHudTableColumns names={headerNames} />
+              <GroupHudTableHeader names={headerNames} />
+              {children}
+            </table>
+          </div>
+        </div>
       </div>
     </>
   );