diff --git a/packages/frontend/src/App.css b/packages/frontend/src/App.css
index 187ef25..baece8d 100644
--- a/packages/frontend/src/App.css
+++ b/packages/frontend/src/App.css
@@ -60,7 +60,7 @@
   --popover-foreground: oklch(0.145 0 0);
   --primary: oklch(0.205 0 0);
   --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
+  --secondary: oklch(99.405% 0.00011 271.152);
   --secondary-foreground: oklch(0.205 0 0);
   --muted: oklch(0.97 0 0);
   --muted-foreground: oklch(0.556 0 0);
@@ -96,7 +96,7 @@
   --popover-foreground: oklch(0.985 0 0);
   --primary: oklch(0.922 0 0);
   --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
+  --secondary: oklch(17.304% 0.00002 271.152);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
   --muted-foreground: oklch(0.708 0 0);
diff --git a/packages/frontend/src/components/issues-table.tsx b/packages/frontend/src/components/issues-table.tsx
index 350f1af..36e6af9 100644
--- a/packages/frontend/src/components/issues-table.tsx
+++ b/packages/frontend/src/components/issues-table.tsx
@@ -41,13 +41,17 @@ export function IssuesTable({
   return (
     <Table className={cn("table-fixed", className)}>
       <TableHeader>
-        <TableRow hoverEffect={false} className="bg-muted/20">
+        <TableRow hoverEffect={false} className="bg-secondary">
           {(columns.id == null || columns.id === true) && (
-            <TableHead className="text-right w-10 border-r">ID</TableHead>
+            <TableHead className="text-right w-10 border-r text-xs font-medium text-muted-foreground">
+              ID
+            </TableHead>
+          )}
+          {(columns.title == null || columns.title === true) && (
+            <TableHead className="text-xs font-medium text-muted-foreground">Title</TableHead>
           )}
-          {(columns.title == null || columns.title === true) && <TableHead>Title</TableHead>}
           {(columns.description == null || columns.description === true) && (
-            <TableHead>Description</TableHead>
+            <TableHead className="text-xs font-medium text-muted-foreground">Description</TableHead>
           )}
           {/* below is kept blank to fill the space, used as the "Assignee" column */}
           {(columns.assignee == null || columns.assignee === true) && (
diff --git a/packages/frontend/src/pages/Timeline.tsx b/packages/frontend/src/pages/Timeline.tsx
index 61c0f1f..aea2715 100644
--- a/packages/frontend/src/pages/Timeline.tsx
+++ b/packages/frontend/src/pages/Timeline.tsx
@@ -251,7 +251,7 @@ export default function Timeline() {
               >
                 <div className="grid border-b bg-muted/20" style={{ gridTemplateColumns }}>
                   <div
-                    className={`px-${BREATHING_ROOM} py-${BREATHING_ROOM} text-xs font-medium text-muted-foreground bg-background border-r sticky left-0 z-30`}
+                    className={`px-${BREATHING_ROOM} py-${BREATHING_ROOM} text-xs font-medium text-muted-foreground bg-secondary border-r sticky left-0 z-30`}
                   >
                     Sprint
                   </div>