diff --git a/packages/react-components/src/templates/EventPage.tsx b/packages/react-components/src/templates/EventPage.tsx index a8d50ae8a8..058afef6f4 100644 --- a/packages/react-components/src/templates/EventPage.tsx +++ b/packages/react-components/src/templates/EventPage.tsx @@ -7,7 +7,7 @@ import formatDistance from 'date-fns/formatDistance'; import type { EmotionJSX } from '@emotion/react/types/jsx-namespace'; import { EventInfo, BackLink, CtaCard } from '../molecules'; import { Card, Link, Paragraph } from '../atoms'; -import { rem } from '../pixels'; +import { rem, tabletScreen } from '../pixels'; import { contentSidePaddingWithNavigation } from '../layout'; import { EventMaterials, @@ -27,6 +27,12 @@ const cardsStyles = css({ rowGap: rem(33), marginBottom: rem(24), }); +const updatedParagraphStyles = css({ + display: 'flex', + [`@media (min-width: ${tabletScreen.width}px)`]: { + justifyContent: 'end', + }, +}); type EventPageProps< T extends @@ -94,7 +100,7 @@ const EventPage = <