diff --git a/src/layouts/common/backToTop/BackToTop.jsx b/src/layouts/common/backToTop/BackToTop.jsx
index 0d10748..4b8068b 100644
--- a/src/layouts/common/backToTop/BackToTop.jsx
+++ b/src/layouts/common/backToTop/BackToTop.jsx
@@ -42,11 +42,8 @@ const BackToTop = (props) => {
 			sx={{
 				position: 'fixed',
 				bottom: theme.spacing(2),
-				right: theme.spacing(2),
+				left: theme.spacing(1),
 			}}
-			container
-			justifyContent='center'
-			alignItems='center'
 			id='footer'>
 			<ScrollTop {...props}>
 				<KeyboardArrowUpIcon
diff --git a/src/layouts/landing/components/header/Header.jsx b/src/layouts/landing/components/header/Header.jsx
index 8280853..e11abfd 100644
--- a/src/layouts/landing/components/header/Header.jsx
+++ b/src/layouts/landing/components/header/Header.jsx
@@ -18,17 +18,6 @@ import ThreeSixtyOutlinedIcon from '@mui/icons-material/ThreeSixtyOutlined';
 import DarkModeToggle from 'layouts/common/darkModeToggle';
 import HideOnScroll from 'layouts/common/hideOnScroll';
 
-const handleScrollDown = (event) => {
-	event.preventDefault();
-	const anchor = (event.target.ownerDocument || document).querySelector(
-		'#footer'
-	);
-
-	if (anchor) {
-		anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });
-	}
-};
-
 const Header = () => {
 	const theme = useTheme();
 
@@ -61,9 +50,8 @@ const Header = () => {
 
 									<MaterialLink
 										color='textPrimary'
-										to='#about'
-										style={{ cursor: 'pointer' }}
-										onClick={handleScrollDown}>
+										href='#about'
+										style={{ cursor: 'pointer' }}>
 										About
 									</MaterialLink>
 								</Breadcrumbs>