fix: backbuttonwithinincontainer to backbuttonwithincontainer

ts/components/inputs/SessionInput.tsx

@@ -49,7 +49,7 @@ const StyledInput = styled(motion.input)`
   line-height: 14px;
   padding: var(--margins-lg);
 
-  &::placeholder {
+  ::placeholder {
     color: var(--input-text-placeholder-color);
   }
 `;

ts/components/registration/components/BackButton.tsx

@@ -14,7 +14,7 @@ import {
 import { Flex } from '../../basic/Flex';
 import { SessionIconButton } from '../../icon';
 
-export const BackButtonWithininContainer = ({
+export const BackButtonWithinContainer = ({
   children,
   margin,
   callback,

ts/components/registration/stages/CreateAccount.tsx

@@ -30,7 +30,7 @@ import { SpacerLG, SpacerSM } from '../../basic/Text';
 import { SessionInput } from '../../inputs';
 import { resetRegistration } from '../RegistrationStages';
 import { OnboardDescription, OnboardHeading } from '../components';
-import { BackButtonWithininContainer } from '../components/BackButton';
+import { BackButtonWithinContainer } from '../components/BackButton';
 import { displayNameIsValid, sanitizeDisplayNameOrToast } from '../utils';
 
 export type AccountDetails = {
@@ -110,7 +110,7 @@ export const CreateAccount = () => {
   };
 
   return (
-    <BackButtonWithininContainer
+    <BackButtonWithinContainer
       margin={'2px 0 0 -36px'}
       callback={() => {
         dispatch(setDisplayName(''));
@@ -152,6 +152,6 @@ export const CreateAccount = () => {
           dataTestId="continue-button"
         />
       </Flex>
-    </BackButtonWithininContainer>
+    </BackButtonWithinContainer>
   );
 };

ts/components/registration/stages/RestoreAccount.tsx

@@ -39,7 +39,7 @@ import { SessionInput } from '../../inputs';
 import { SessionProgressBar } from '../../loading';
 import { resetRegistration } from '../RegistrationStages';
 import { OnboardDescription, OnboardHeading } from '../components';
-import { BackButtonWithininContainer } from '../components/BackButton';
+import { BackButtonWithinContainer } from '../components/BackButton';
 import { useRecoveryProgressEffect } from '../hooks';
 import { displayNameIsValid, sanitizeDisplayNameOrToast } from '../utils';
 import { AccountDetails } from './CreateAccount';
@@ -201,7 +201,7 @@ export const RestoreAccount = () => {
   return (
     <>
       {step === AccountRestoration.RecoveryPassword || step === AccountRestoration.DisplayName ? (
-        <BackButtonWithininContainer
+        <BackButtonWithinContainer
           margin={'2px 0 0 -36px'}
           callback={() => {
             dispatch(setRecoveryPassword(''));
@@ -295,7 +295,7 @@ export const RestoreAccount = () => {
               </Flex>
             )}
           </Flex>
-        </BackButtonWithininContainer>
+        </BackButtonWithinContainer>
       ) : (
         <Flex
           container={true}