diff --git a/app/src/components/PersonShowcase/PersonShowcase.tsx b/app/src/components/PersonShowcase/PersonShowcase.tsx index a3e11934..5200d0f2 100644 --- a/app/src/components/PersonShowcase/PersonShowcase.tsx +++ b/app/src/components/PersonShowcase/PersonShowcase.tsx @@ -1,4 +1,3 @@ -import { IconWrapper } from '@/styles/icon'; import { HeaderRows, Headshot, @@ -8,6 +7,7 @@ import { InfoArea, StyledHeading, Tagline, + CustomIconWrapper as IconWrapper, } from './styled'; import MapPinSvg from '@/assets/icons/boxicons/bx-map-pin.svg'; import LanguageOutlineSvg from '@/assets/icons/misc/language-outline.svg'; diff --git a/app/src/components/PersonShowcase/styled.ts b/app/src/components/PersonShowcase/styled.ts index cd7c8f0b..76e03d3f 100644 --- a/app/src/components/PersonShowcase/styled.ts +++ b/app/src/components/PersonShowcase/styled.ts @@ -57,7 +57,10 @@ export const InfoArea = styled.span` color: var(--theme-text-subtle); `; -export const Info = styled.span``; +export const Info = styled.span` + display: flex; + align-items: center; +`; export const CustomIconWrapper = styled(IconWrapper)` svg {