diff --git a/src/App.tsx b/src/App.tsx
index 37d549f..e117111 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,6 +6,8 @@ import Link from '@mui/material/Link';
 import Grid from '@mui/material/Unstable_Grid2';
 import Tabs from '@mui/material/Tabs';
 import Tab from '@mui/material/Tab';
+import Button from '@mui/material/Button';
+import Stack from '@mui/material/Box';
 
 import GitHubIcon from '@mui/icons-material/GitHub';
 import TelegramIcon from '@mui/icons-material/Telegram';
@@ -107,16 +109,18 @@ export default function App() {
                   Yoo!
                 </Typography>
                 I'm Nofated. I am a newbie in the coding world.<br />
-                Find me on{' '}
-                <Link href="https://github.com/Nofated095" color="inherit">
-                  <GitHubIcon />GitHub
-                </Link>{', '}
-                <Link href="https://t.me/Nofated" color="inherit">
-                  <TelegramIcon />Telegram
-                </Link> and{' '}
-                <Link href="https://twitter.com/nofated095" color="inherit">
-                  <TwitterIcon />Twitter
-                </Link>.
+                Find me on
+                <Stack direction="row" spacing={2}>
+                  <Button href="https://github.com/Nofated095" startIcon={<GitHubIcon />}>
+                    GitHub
+                  </Button>
+                  <Button href="https://t.me/s/Nofated" startIcon={<TelegramIcon />}>
+                    Telegram
+                  </Button>
+                  <Button href="https://twitter.com/nofated095" startIcon={<TwitterIcon />}>
+                    Twitter
+                  </Button>
+                </Stack>
               </Box>
               <Box sx={{ my: 1 }}>
                 <Typography variant="h5" component="h2" gutterBottom>