diff --git a/components/Header/header.js b/components/Header/header.js
index dc651469d..4a5787bc2 100644
--- a/components/Header/header.js
+++ b/components/Header/header.js
@@ -13,9 +13,9 @@ function Header() {
 	const isMobile = useMediaQuery({ maxWidth: '590px' });
 	return (
 		<div className='relative'>
-			<div className='container w-full flex items-center justify-center'>
-				<div className=''>
-					<div className='flex justify-center w-full mt-32'>
+			<div className='container w-full flex items-center justify-center h-screen'>
+				<div className='items-center'>
+					<div className='flex justify-center w-full'>
 						<div className='flex flex-col justify-center items-center w-full'>
 						<div className='my-10'><Announcement /></div>
 							<div className='sm:w-full text-center' data-test="landing-heading">
diff --git a/pages/venue/[id].js b/pages/venue/[id].js
index 385725c0d..62bd2afa9 100644
--- a/pages/venue/[id].js
+++ b/pages/venue/[id].js
@@ -41,9 +41,9 @@ function Venue({ city }) {
 
 	return (
 		<div data-test={`venue-${city.name}`}>
-			<div className= {`w-full h-[500px] sm:h-[auto] ${city.name=='Online'?'bg-online':'bg-madrid'} bg-cover bg-center`}>
+			<div className= {`w-full h-screen sm:h-[auto] ${city.name=='Online'?'bg-online':'bg-madrid'} bg-cover bg-center`}>
 				<div className='w-full h-full kinda-dark items-center flex flex-col justify-between'>
-					<div className='mt-[68px] container text-center flex flex-col items-center w-[1100px] lg:w-full sm:text-center'>
+					<div className='mt-40 container text-center flex flex-col items-center w-[1100px] lg:w-full sm:text-center'>
 						{city.name == 'Online' ? <Heading className={textColor}>
 							{city.name} {city.country}
 						</Heading> :