From bebb98c369250915c1c920671baf8a1c69711fa6 Mon Sep 17 00:00:00 2001 From: Juan Pablo Mitriatti Date: Fri, 1 May 2026 13:05:12 -0300 Subject: [PATCH] fix(unity-bootstrap-theme): hero small CTA overflow at <768px viewports Move .btn-row out of position:absolute (with hard-coded top:15rem) into grid-row:4 with position:relative, matching the existing tablet+ pattern. The container now expands naturally to contain the button instead of overflowing at viewports between mobile and the 768px breakpoint (reproduced at 764x921). Adds margin-top:1rem to give the requested breathing room between heading and button. Scoped to uds-hero-sm only. --- packages/unity-bootstrap-theme/src/scss/extends/_heroes.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_heroes.scss b/packages/unity-bootstrap-theme/src/scss/extends/_heroes.scss index 125903a73c..3a88c38276 100644 --- a/packages/unity-bootstrap-theme/src/scss/extends/_heroes.scss +++ b/packages/unity-bootstrap-theme/src/scss/extends/_heroes.scss @@ -237,7 +237,9 @@ div.uds-hero-sm { .btn-row { align-self: flex-start; flex-wrap: wrap; - top: 15rem; + grid-row: 4; + position: relative; + margin-top: 1rem; a.btn { margin-top: 0;