diff --git a/packages/stats/app/src/routes/index.css b/packages/stats/app/src/routes/index.css index f6c7f7bef451..d54629302c82 100644 --- a/packages/stats/app/src/routes/index.css +++ b/packages/stats/app/src/routes/index.css @@ -119,7 +119,8 @@ } [data-page="stats"] [data-slot="header-bar"] { - display: flex; + display: grid; + grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; min-height: 72px; @@ -136,11 +137,9 @@ } [data-page="stats"] [data-slot="brand"] { - flex: 0 0 auto; min-width: 0; display: flex; align-items: center; - margin-right: auto; color: var(--stats-text); } @@ -183,10 +182,10 @@ } [data-page="stats"] [data-slot="header-actions"] { - flex: 0 0 auto; display: flex; align-items: center; - justify-content: flex-end; + justify-self: flex-end; + grid-column-start: 3; gap: 8px; } @@ -3511,12 +3510,6 @@ gap: 32px; } - [data-page="stats"] [data-slot="brand"], - [data-page="stats"] [data-component="section-nav"], - [data-page="stats"] [data-slot="header-actions"] { - flex: 1 1 0; - } - [data-page="stats"] [data-slot="brand"] { margin-right: 0; }