chore: minor adjustments

Author: Nick-1979

packages/extension-polkagate/src/fullscreen/homeFullScreen/partials/Currency.tsx

@@ -19,15 +19,15 @@ export interface CurrencyItemType {
 }
 
 interface Props {
+  borderColor?: string;
   color?: string;
   dialogLeft?: number;
   fontSize?: string;
   height?: string;
   minWidth?: string;
 }
 
-function Currency ({ color, fontSize = '22px', height, minWidth, dialogLeft=260 }: Props): React.ReactElement {
-// export default function Currency ({ color, fontSize = '22px' }: Props): React.ReactElement {
+function Currency ({ borderColor, color, dialogLeft = 260, fontSize = '22px', height, minWidth }: Props): React.ReactElement {
   const theme = useTheme();
 
   const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
@@ -59,6 +59,7 @@ function Currency ({ color, fontSize = '22px', height, minWidth, dialogLeft=260
         alignItems='center' component='button' container direction='column' item justifyContent='center' onClick={onCurrencyClick}
         sx={{
           ...HEADER_COMPONENT_STYLE,
+          borderColor: borderColor || HEADER_COMPONENT_STYLE?.borderColor,
           height: height || HEADER_COMPONENT_STYLE?.height,
           minWidth: minWidth || HEADER_COMPONENT_STYLE?.minWidth,
           zIndex: anchorEl && theme.zIndex.modal + 1

packages/extension-polkagate/src/partials/RemoteNodeSelectorWithSignals.tsx

@@ -38,7 +38,6 @@ interface ListIndicatorProps {
   defaultColor: string;
   endpointUrl: string | undefined;
   iconSize: number;
-  isDark: boolean;
   onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
   setCurrentDelay: React.Dispatch<React.SetStateAction<number | undefined>>;
 }
@@ -252,7 +251,7 @@ const ListIndicator = ({ currentDelay, defaultColor, endpointUrl, iconSize, onCl
   }, [onExtension]);
 
   return (
-    <Grid container item onClick={onClick} sx={{ bgcolor: bgcolorOnAccountDetail, border: isDark && !onExtension ? 2 : 1, borderColor: onExtension ? theme.palette.secondary.light : 'divider', borderRadius: '5px', cursor: 'pointer', height: `${iconSize + 7}px`, position: 'relative', width: `${iconSize + 7}px`, zIndex: 10 }}>
+    <Grid component = 'button' container item onClick={onClick} sx={{ bgcolor: bgcolorOnAccountDetail, border: isDark && !onExtension ? 2 : 1, borderColor: onExtension ? theme.palette.secondary.light : 'divider', borderRadius: '5px', cursor: 'pointer', height: `${iconSize + 7}px`, position: 'relative', width: `${iconSize + 7}px`, zIndex: 10 }}>
       {isLightClient
         ? <LightClientEndpointIcon sx={{ bottom: '2px', color: SIGNAL_COLORS.orange, fontSize: `${iconSize}px`, left: '2px', position: 'absolute' }} />
         : <NodeStatusIcon

packages/extension-polkagate/src/popup/home/YouHave.tsx

@@ -103,7 +103,7 @@ export default function YouHave (): React.ReactElement {
                   <Stack alignItems='flex-start' direction='row' sx={{ ml: '-5px' }}>
                     <Currency
                       color='secondary.light'
-                      dialogLeft={64}
+                      dialogLeft={60}
                       fontSize='25px'
                       height='27px'
                       minWidth='27px'