diff --git a/packages/stats/app/src/routes/[lab]/[model].tsx b/packages/stats/app/src/routes/[lab]/[model].tsx
index 1a0d6403de..ea7502976a 100644
--- a/packages/stats/app/src/routes/[lab]/[model].tsx
+++ b/packages/stats/app/src/routes/[lab]/[model].tsx
@@ -418,7 +418,7 @@ function ModelHeroSparkline(props: { data: StatsModelData }) {
function ChevronDownIcon() {
return (
)
}
diff --git a/packages/stats/app/src/routes/[lab]/index.tsx b/packages/stats/app/src/routes/[lab]/index.tsx
index 0d686f0eb0..1be2a82ca9 100644
--- a/packages/stats/app/src/routes/[lab]/index.tsx
+++ b/packages/stats/app/src/routes/[lab]/index.tsx
@@ -219,7 +219,7 @@ function LabHeroBreadcrumb(props: { label: string; labs?: ModelCatalogLab[] }) {
{props.label}
}
diff --git a/packages/stats/app/src/routes/breadcrumb-select.tsx b/packages/stats/app/src/routes/breadcrumb-select.tsx
index 33b325c309..6057ea2710 100644
--- a/packages/stats/app/src/routes/breadcrumb-select.tsx
+++ b/packages/stats/app/src/routes/breadcrumb-select.tsx
@@ -58,7 +58,7 @@ export function BreadcrumbSelect(props: {
diff --git a/packages/stats/app/src/routes/index.css b/packages/stats/app/src/routes/index.css
index c08e824a64..fbfcf39eed 100644
--- a/packages/stats/app/src/routes/index.css
+++ b/packages/stats/app/src/routes/index.css
@@ -2888,7 +2888,7 @@
padding: 0 8px;
overflow: hidden;
background: var(--stats-layer-2);
- color: var(--stats-faint);
+ color: var(--stats-hero-muted);
font-size: 13px;
font-weight: 500;
line-height: 1.1;
@@ -2897,7 +2897,7 @@
}
[data-page="stats"] a[data-slot="lab-hero-crumb"] {
- color: var(--stats-faint);
+ color: var(--stats-hero-muted);
}
[data-page="stats"] [data-slot="lab-hero-crumb"][data-current="true"] {
@@ -3066,7 +3066,9 @@
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"] {
display: inline-flex;
align-items: center;
+ justify-content: flex-start;
gap: 4px;
+ flex: 0 1 auto;
max-width: min(100%, 280px);
height: 24px;
box-sizing: border-box;
@@ -3082,14 +3084,11 @@
font-size: 13px;
font-weight: 500;
line-height: 1.1;
+ text-align: center;
white-space: nowrap;
cursor: pointer;
}
-[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-variant="lab"] {
- color: var(--stats-faint);
-}
-
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-current="true"],
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"]:hover,
[data-page="stats"] [data-slot="stats-breadcrumb-select-trigger"][data-expanded] {
@@ -3117,6 +3116,7 @@
[data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] {
display: inline-flex;
flex: 0 0 auto;
+ color: var(--stats-faint);
}
[data-page="stats"] [data-slot="stats-breadcrumb-select-icon"] svg {