diff --git a/src/app/components/extendedScreenContainer/index.tsx b/src/app/components/extendedScreenContainer/index.tsx
index a0898e4b2..0c13ee248 100644
--- a/src/app/components/extendedScreenContainer/index.tsx
+++ b/src/app/components/extendedScreenContainer/index.tsx
@@ -6,7 +6,8 @@ import styled from 'styled-components';
 const ExtendedScreenRouteContainer = styled.div((props) => ({
   display: 'flex',
   flexDirection: 'column',
-  height: '100vh',
+  height: '100%',
+  minHeight: '100vh',
   width: '100vw',
   backgroundColor: props.theme.colors.elevation0,
   border: `1px solid ${props.theme.colors.elevation2}`,
diff --git a/src/app/components/seedPhraseInput/index.tsx b/src/app/components/seedPhraseInput/index.tsx
index dee2e7211..2055674f8 100644
--- a/src/app/components/seedPhraseInput/index.tsx
+++ b/src/app/components/seedPhraseInput/index.tsx
@@ -177,12 +177,10 @@ export default function SeedPhraseInput({
 
   const handlePaste = (pastedText: string) => {
     const splitPastedText = pastedText.split(' ');
-    splitPastedText.forEach((text, index) => {
-      setSeedInputValues((prevSeed) => {
-        prevSeed[index] = text;
-        return [...prevSeed];
-      });
-    });
+    setSeedInputValues((prevSeed) =>
+      // To prevent unnecessary rerenders
+      prevSeed.map((value, index) => splitPastedText[index] || value),
+    );
   };
 
   useEffect(() => {
diff --git a/src/app/screens/restoreWallet/enterSeedphrase.tsx b/src/app/screens/restoreWallet/enterSeedphrase.tsx
index 2de226878..fde95449b 100644
--- a/src/app/screens/restoreWallet/enterSeedphrase.tsx
+++ b/src/app/screens/restoreWallet/enterSeedphrase.tsx
@@ -1,6 +1,5 @@
 import ActionButton from '@components/button';
 import SeedPhraseInput from '@components/seedPhraseInput';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 
@@ -8,6 +7,7 @@ const Container = styled.div({
   display: 'flex',
   flexDirection: 'column',
   flex: 1,
+  alignSelf: 'flex-start',
 });
 
 const Title = styled.h1((props) => ({
diff --git a/src/app/screens/restoreWallet/index.tsx b/src/app/screens/restoreWallet/index.tsx
index d263c3ff6..588670df6 100644
--- a/src/app/screens/restoreWallet/index.tsx
+++ b/src/app/screens/restoreWallet/index.tsx
@@ -13,7 +13,8 @@ const Body = styled.div(() => ({
   display: 'flex',
   height: '100%',
   justifyContent: 'center',
-  alignItems: 'center',
+  alignItems: 'flex-start',
+  margin: '60px 0',
 }));
 
 const Container = styled.div((props) => ({
diff --git a/src/pages/Options/index.css b/src/pages/Options/index.css
index e89151871..cc87c7ff7 100644
--- a/src/pages/Options/index.css
+++ b/src/pages/Options/index.css
@@ -2,8 +2,9 @@ body {
   margin: 0;
   padding: 0;
   color: #ffffff;
-  background-color: #0C0C0C;
+  background-color: #0c0c0c;
   position: relative;
+  overflow-x: hidden;
 }
 header {
   display: flex;
@@ -22,7 +23,8 @@ header h2 {
 }
 
 #app-container {
-  height: 100vh;
+  height: 100%;
+  min-height: 100vh;
   width: 100vw;
   display: flex;
   flex-direction: column;