diff --git a/ui/components/NFTs/Filters/NFTsFilters.tsx b/ui/components/NFTs/Filters/NFTsFilters.tsx index 8df301f45..32a310fdc 100644 --- a/ui/components/NFTs/Filters/NFTsFilters.tsx +++ b/ui/components/NFTs/Filters/NFTsFilters.tsx @@ -155,7 +155,7 @@ export default function NFTsFilters(): ReactElement { display: flex; flex-direction: column; gap: 16px; - height: 456px; + height: 471px; overflow-y: scroll; padding: 0 24px 8px; } diff --git a/ui/components/Shared/SharedAddress.tsx b/ui/components/Shared/SharedAddress.tsx index 6c960f7ec..6f3c1befa 100644 --- a/ui/components/Shared/SharedAddress.tsx +++ b/ui/components/Shared/SharedAddress.tsx @@ -5,6 +5,7 @@ import classNames from "classnames" import React, { ReactElement, useCallback } from "react" import { useBackgroundDispatch } from "../../hooks" import SharedTooltip from "./SharedTooltip" +import { trimWithEllipsis } from "../../utils/textUtils" type SharedAddressProps = { address: string @@ -53,7 +54,7 @@ export default function SharedAddress({ className={classNames({ ellipsis: elide })} >

- {primaryText} + {trimWithEllipsis(primaryText, 15)} {name !== undefined && nameResolverSystem !== undefined && ( <> diff --git a/ui/components/Shared/SharedButton.tsx b/ui/components/Shared/SharedButton.tsx index fcdac8b89..a2d4ebc9f 100644 --- a/ui/components/Shared/SharedButton.tsx +++ b/ui/components/Shared/SharedButton.tsx @@ -363,6 +363,12 @@ export default function SharedButton( .unstyled { unset: all; } + .spinner_wrap { + width: 100%; + height: 100%; + display: grid; + place-items: center; + } `} diff --git a/ui/components/Shared/SharedInput.tsx b/ui/components/Shared/SharedInput.tsx index 18d7a53e4..acb6b24d5 100644 --- a/ui/components/Shared/SharedInput.tsx +++ b/ui/components/Shared/SharedInput.tsx @@ -143,7 +143,7 @@ export function SharedTypedInput(props: Props): ReactElement { font-weight: 500; font-size: 14px; line-height: 20px; - margin-top: 3px; + margin-top: ${label ? "3px" : "53px"}; margin-left: 5px; } .warning { diff --git a/ui/pages/Abilities/AbilityFilter.tsx b/ui/pages/Abilities/AbilityFilter.tsx index 4a794d56e..f8c34796f 100644 --- a/ui/pages/Abilities/AbilityFilter.tsx +++ b/ui/pages/Abilities/AbilityFilter.tsx @@ -170,7 +170,7 @@ export default function AbilityFilter(): ReactElement { display: flex; flex-direction: column; gap: 24px; - height: 456px; + height: 471px; overflow-y: scroll; padding: 0 24px 8px; }