diff --git a/src/app/globals.css b/src/app/globals.css index dd4fc78a34..efded671e7 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1828,22 +1828,22 @@ summary::-webkit-details-marker { .smart-search-phone-ticker { display: grid; width: 100%; - --smart-search-phone-ticker-gap: 0.5rem; - --smart-search-phone-ticker-inline-padding: 0.625rem; - --smart-search-phone-ticker-vertical-padding: 0.5rem; + --smart-search-phone-ticker-gap: 0.75rem; + --smart-search-phone-ticker-inline-padding: 0.25rem; + --smart-search-phone-ticker-vertical-padding: 0.375rem; + min-height: var(--spacing-tap); grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--smart-search-phone-ticker-gap); overflow: hidden; - border: 1px solid color-mix(in srgb, var(--clinical-accent) 18%, var(--border)); - border-radius: var(--radius-lg); - background: color-mix(in srgb, var(--clinical-accent-soft) 42%, var(--surface)); + border: 0; + background: transparent; padding-block: var(--smart-search-phone-ticker-vertical-padding); padding-inline: var(--smart-search-phone-ticker-inline-padding); color: var(--text-heading); text-align: left; - box-shadow: var(--shadow-inset); + box-shadow: none; } .smart-search-phone-ticker-kicker { diff --git a/src/components/mode-home-template.tsx b/src/components/mode-home-template.tsx index 314240ac93..3ea06444d4 100644 --- a/src/components/mode-home-template.tsx +++ b/src/components/mode-home-template.tsx @@ -84,7 +84,7 @@ export function ModeHomeHero({ -
+