diff --git a/src/components/pages/dashboard.tsx b/src/components/pages/dashboard.tsx
index 860628b48..0173d7a3c 100644
--- a/src/components/pages/dashboard.tsx
+++ b/src/components/pages/dashboard.tsx
@@ -37,7 +37,7 @@ export const Dashboard = () => {
 	}, [isLoadingProjectsList, projectsList]);
 
 	return (
-		<div className="flex w-full overflow-hidden rounded-none md:mt-1.5 md:rounded-2xl">
+		<div className="flex size-full overflow-hidden rounded-none md:mt-1.5 md:rounded-2xl">
 			<div className="relative flex w-2/3 flex-col" style={{ width: `${!isMobile ? leftSideWidth : 100}%` }}>
 				<Frame className="flex-1 rounded-none bg-gray-1100 md:rounded-r-none md:pb-0">
 					<DashboardTopbar />
diff --git a/src/components/pages/intro.tsx b/src/components/pages/intro.tsx
index 57c84f2ca..edc48dbfc 100644
--- a/src/components/pages/intro.tsx
+++ b/src/components/pages/intro.tsx
@@ -12,7 +12,7 @@ export const Intro = () => {
 	const { isIOS, isMobile } = useWindowDimensions();
 
 	return (
-		<div className="my-0 flex w-full overflow-hidden rounded-none md:mt-1.5 md:rounded-2xl">
+		<div className="flex size-full overflow-hidden rounded-none md:mt-1.5 md:rounded-2xl">
 			<div
 				className="relative flex w-2/3 flex-col"
 				style={{ width: `${!(isIOS || isMobile) ? leftSideWidth : 100}%` }}