From 6d7ebb7a8641fd9c318aca32c9df2361141ce107 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 17 Apr 2024 11:32:55 +1000
Subject: [PATCH] fix: backbuttonwithinincontainer to backbuttonwithincontainer

---
 ts/components/inputs/SessionInput.tsx                | 2 +-
 ts/components/registration/components/BackButton.tsx | 2 +-
 ts/components/registration/stages/CreateAccount.tsx  | 6 +++---
 ts/components/registration/stages/RestoreAccount.tsx | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/ts/components/inputs/SessionInput.tsx b/ts/components/inputs/SessionInput.tsx
index b0ca25e48..5e629281d 100644
--- a/ts/components/inputs/SessionInput.tsx
+++ b/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);
   }
 `;
diff --git a/ts/components/registration/components/BackButton.tsx b/ts/components/registration/components/BackButton.tsx
index 86c822e0e..c5fed8573 100644
--- a/ts/components/registration/components/BackButton.tsx
+++ b/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,
diff --git a/ts/components/registration/stages/CreateAccount.tsx b/ts/components/registration/stages/CreateAccount.tsx
index d6c696c7b..603fa6265 100644
--- a/ts/components/registration/stages/CreateAccount.tsx
+++ b/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>
   );
 };
diff --git a/ts/components/registration/stages/RestoreAccount.tsx b/ts/components/registration/stages/RestoreAccount.tsx
index b21de62a7..76218037f 100644
--- a/ts/components/registration/stages/RestoreAccount.tsx
+++ b/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}