diff --git a/centrifuge-app/src/components/LayoutBase/styles.tsx b/centrifuge-app/src/components/LayoutBase/styles.tsx index 5c430404d..b0000dbfb 100644 --- a/centrifuge-app/src/components/LayoutBase/styles.tsx +++ b/centrifuge-app/src/components/LayoutBase/styles.tsx @@ -123,6 +123,7 @@ export const WalletInner = styled(Stack)` @media (min-width: ${({ theme }) => theme.breakpoints[BREAK_POINT_COLUMNS]}) { justify-content: flex-end; + height: 60px; } ` diff --git a/centrifuge-app/src/pages/Pool/Header.tsx b/centrifuge-app/src/pages/Pool/Header.tsx index 8c6eba054..d1a48e60a 100644 --- a/centrifuge-app/src/pages/Pool/Header.tsx +++ b/centrifuge-app/src/pages/Pool/Header.tsx @@ -30,14 +30,11 @@ export function PoolDetailHeader({ actions }: Props) { return ( {metadata?.pool?.name ?? 'Unnamed pool'}} - subtitle={ - by {metadata?.pool?.issuer.name ?? 'Unknown'} - } parent={{ to: `/pools${state?.token ? '/tokens' : ''}`, label: state?.token ? 'Tokens' : 'Pools' }} icon={ {metadata?.pool?.icon ? ( - + ) : ( ( paddingLeft: 2, paddingRight: 2, paddingBottom: 2, - color: 'textPrimary', + color: $active ? 'textPrimary' : 'textSecondary', boxShadow: $active ? `inset 0 -2px 0 ${theme.colors.textGold}` : 'none', + fontWeight: 400, '&:hover, &:active, &:focus-visible': { color: 'textGold', @@ -70,7 +71,7 @@ type TabsItemPrivateProps = TabsItemProps & { export function TabsItem({ children, active, onClick, ariaLabel, ...rest }: TabsItemPrivateProps) { return ( - + {children}