fix: padding resoluton for onboarding buttons

ts/components/icon/SessionIconButton.tsx

@@ -11,6 +11,7 @@ interface SProps extends SessionIconProps {
   isSelected?: boolean;
   isHidden?: boolean;
   margin?: string;
+  padding?: string;
   dataTestId?: string;
   dataTestIdIcon?: string;
   id?: string;
@@ -56,6 +57,7 @@ const SessionIconButtonInner = forwardRef<HTMLButtonElement, SProps>((props, ref
     borderRadius,
     iconPadding,
     margin,
+    padding,
     id,
     title,
     dataTestId,
@@ -86,7 +88,12 @@ const SessionIconButtonInner = forwardRef<HTMLButtonElement, SProps>((props, ref
       id={id}
       title={title}
       onClick={clickHandler}
-      style={{ ...style, display: isHidden ? 'none' : 'flex', margin: margin || '' }}
+      style={{
+        ...style,
+        display: isHidden ? 'none' : 'flex',
+        margin: margin || '',
+        padding: padding || '',
+      }}
       tabIndex={tabIndex}
       onKeyDown={keyPressHandler}
       data-testid={dataTestId}

ts/components/inputs/SessionInput.tsx

@@ -81,6 +81,7 @@ const ShowHideButton = (props: { forceShow: boolean; toggleForceShow: Noop; erro
         iconColor={props.error ? 'var(--danger-color)' : 'var(--text-primary-color)'}
         iconSize="huge"
         iconPadding="1.25px"
+        padding={'0'}
         onClick={props.toggleForceShow}
         style={{
           marginTop: '-0.5px',

ts/components/registration/RegistrationStages.tsx

@@ -57,6 +57,7 @@ export const RegistrationStages = () => {
               iconSize={'medium'}
               iconPadding="4px"
               iconColor="var(--text-primary-color)"
+              padding={'0'}
               style={{ border: '2px solid var(--text-primary-color)', borderRadius: '9999px' }}
               dataTestId="session-faq-link"
               onClick={() => {
@@ -70,6 +71,7 @@ export const RegistrationStages = () => {
               iconSize="medium"
               iconColor="var(--text-primary-color)"
               iconPadding="4px"
+              padding={'0'}
               style={{ border: '2px solid var(--text-primary-color)', borderRadius: '9999px' }}
               dataTestId="session-website-link"
               onClick={() => {

ts/components/registration/components/BackButton.tsx

@@ -45,6 +45,7 @@ export const BackButton = ({ callback }: { callback?: () => void }) => {
       iconType="chevron"
       iconColor="var(--color-text-primary)"
       iconRotation={90}
+      padding={'0'}
       onClick={() => {
         dispatch(setDirection('backward'));
         if (step === Onboarding.CreateAccount) {