mobile fixes

Synthetixio · Jul 9, 2023 · 8b0cc23 · 8b0cc23
1 parent f3b2c78
commit 8b0cc23
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/sections/home/interested.tsx b/src/sections/home/interested.tsx
@@ -17,7 +17,8 @@ export const Interested = () => {
 				<Show below="lg">
 					<Flex display="relative" height="250px" width="100%" bg="navy.700">
 						<InterestedLooper
-							height="400px"
+							maxHeight="400px"
+							maxWidth="100%"
 							position="absolute"
 							top="0"
 							right="0"

diff --git a/src/sections/home/staking.tsx b/src/sections/home/staking.tsx
@@ -25,14 +25,21 @@ export const Staking = () => {
 				flexDirection={{ base: 'column', lg: 'row' }}
 			>
 				<Show above="base" below="lg">
-					<Flex width="100%" height="290px" position="relative">
-						<StakingLooper position="absolute" left="0" top="0" bottom="0" />
+					<Flex maxWidth="100%" height="290px" position="relative">
+						<StakingLooper
+							maxHeight="100%"
+							maxWidth="100%"
+							position="absolute"
+							left="0"
+							top="0"
+							bottom="0"
+						/>
 					</Flex>
 				</Show>
 				<Flex
 					flexDirection="column"
 					justifyContent="center"
-					width="100%"
+					maxWidth="100%"
 					ml={{ base: '0px', lg: '300px' }}
 					px={{ base: '16px', sm: '24px', lg: '48px' }}
 					pb={{ base: '16px', sm: '24px', lg: '48px' }}