diff --git a/components/Sidebar/JoinLoyalty/Contact/contact.module.css b/components/Sidebar/JoinLoyalty/Contact/contact.module.css index 55234e9d2..72127e707 100644 --- a/components/Sidebar/JoinLoyalty/Contact/contact.module.css +++ b/components/Sidebar/JoinLoyalty/Contact/contact.module.css @@ -1,19 +1,29 @@ .contactContainer { - display: none; + border-top: 1px solid var(--UI-Grey-30); + display: flex; + flex-direction: column; + gap: var(--Spacing-x2); + justify-content: center; + padding-top: var(--Spacing-x2); + align-items: center; +} + +.contact { + display: grid; + gap: var(--Spacing-x-one-and-half); +} + +.contact > div { + display: flex; + justify-content: center; } @media screen and (min-width: 1367px) { .contactContainer { - border-top: 1px solid var(--UI-Grey-30); - display: flex; - flex-direction: column; - gap: var(--Spacing-x2); - justify-content: center; - padding-top: var(--Spacing-x2); + align-items: start; } - .contact { - display: grid; - gap: var(--Spacing-x-one-and-half); + .contact > div { + justify-content: start; } }