Skip to content

fix(astro-denoise): hero alignment drift in production#24

Merged
JheisonMB merged 1 commit into
mainfrom
develop
Jul 22, 2026
Merged

fix(astro-denoise): hero alignment drift in production#24
JheisonMB merged 1 commit into
mainfrom
develop

Conversation

@JheisonMB

Copy link
Copy Markdown
Contributor

Summary

Fixes the astro-denoise hero text shifting right in production while appearing correctly aligned locally.

Root cause

used to override the koan typography, but the element is rendered by — a different component scope. Astro's scoped CSS only reaches descendants of the same component, so the override never applied. The observatory surface's global styles in (Space Grotesk font, centered layout) won instead.

Changes

  • ExperimentLayout.astro: Added observatory surface overrides for (Spectral serif, left border, ), (flex-start), and (margin-inline: 0) using selectors.
  • AstroDenoise.astro: Removed the now-redundant overrides that were in the wrong scope.

Verification

  • — 79 pages, clean
  • — 102/102 passing
  • CSS loading order confirmed: ExperimentLayout CSS loads before BaseLayout CSS, declarations ensure overrides win

…tLayout scope

AstroDenoise.astro used :global(.koan) but the .koan element is rendered by
ExperimentLayout — different component scope. The override never reached the
element; the observatory surface's global styles won instead, shifting the
hero text right and rendering koan in Space Grotesk instead of Spectral.

Moved the overrides to ExperimentLayout.astro where the element lives.
@JheisonMB
JheisonMB merged commit 5c409ae into main Jul 22, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant