diff --git a/src/components/molecules/AccountStatus/Popover.module.scss b/src/components/molecules/AccountStatus/Popover.module.scss index b67c144..0860ed9 100644 --- a/src/components/molecules/AccountStatus/Popover.module.scss +++ b/src/components/molecules/AccountStatus/Popover.module.scss @@ -3,6 +3,7 @@ $popoverWidth: 18rem; .popover { + position: relative; width: $popoverWidth; padding: $spacer / 2; background: $brand-black; diff --git a/src/components/molecules/AccountStatus/Popover.tsx b/src/components/molecules/AccountStatus/Popover.tsx index 28741c3..e782a5e 100644 --- a/src/components/molecules/AccountStatus/Popover.tsx +++ b/src/components/molecules/AccountStatus/Popover.tsx @@ -4,15 +4,10 @@ import styles from './Popover.module.scss' const Popover = ({ forwardedRef, - style, - arrowProps + style }: { forwardedRef: (ref: HTMLElement | null) => void style: React.CSSProperties - arrowProps: { - ref: (ref: HTMLElement | null) => void - style: React.CSSProperties - } }) => (
@@ -49,7 +44,6 @@ const Popover = ({ {states => states.network && states.network} */}
-
) diff --git a/src/components/molecules/AccountStatus/index.tsx b/src/components/molecules/AccountStatus/index.tsx index 248d087..8c420bb 100644 --- a/src/components/molecules/AccountStatus/index.tsx +++ b/src/components/molecules/AccountStatus/index.tsx @@ -39,11 +39,10 @@ export default class AccountStatus extends PureComponent< {this.state.isPopoverOpen && ( - {({ ref, style, placement, arrowProps }) => ( + {({ ref, style, placement }) => ( )}