diff --git a/src/Home.tsx b/src/Home.tsx
index 62e629f..1cb663a 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import AppTheme from './shared-theme/AppTheme';
 import CssBaseline from '@mui/material/CssBaseline';
+import { Box, Typography } from '@mui/material';
 import Footer from './Footer';
 
 export default function Home(props: { disableCustomTheme?: boolean }) {
@@ -8,9 +9,11 @@ export default function Home(props: { disableCustomTheme?: boolean }) {
   return (
     <AppTheme {...props}>
       <CssBaseline enableColorScheme />
-      <div>
-        <h1>Welcome to Khata</h1>
-      </div>
+      <Box>
+        <Typography variant="h1" gutterBottom>
+          Welcome to Khata
+        </Typography>
+      </Box>
       <Footer />
     </AppTheme>
   );