change offsets

ui/shared/address/AddressFromTo.tsx

@@ -31,14 +31,13 @@ const AddressFromTo = ({ from, to, current, mode: modeProp, className, isLoading
       lg: (typeof modeProp === 'object' ? modeProp.lg : modeProp),
       xl: (typeof modeProp === 'object' ? modeProp.xl : modeProp),
     },
-    { ssr: false },
   ) ?? 'long';
 
   const Entity = tokenHash ? AddressEntityWithTokenFilter : AddressEntity;
 
   if (mode === 'compact') {
     return (
-      <Flex className={ className } flexDir="column" rowGap="14px">
+      <Flex className={ className } flexDir="column" rowGap={ 3 }>
         <Flex alignItems="center" columnGap={ 2 }>
           <IconSvg
             name="arrows/east"

ui/shared/entities/address/AddressEntity.tsx

@@ -160,10 +160,10 @@ const AddressEntry = (props: EntityProps) => {
       _before={ !props.isLoading && context?.highlightedAddress === props.address.hash ? {
         content: `" "`,
         position: 'absolute',
-        top: '-7px',
+        top: '-5px',
         left: '-5px',
         width: `calc(100% + ${ props.noCopy ? 10 : 5 }px)`,
-        height: 'calc(100% + 12px)',
+        height: 'calc(100% + 8px)',
         borderRadius: 'base',
         borderColor: highlightedBorderColor,
         borderWidth: '1px',