From a2baa08996a363e49b3c23d685e730b9b5db99fe Mon Sep 17 00:00:00 2001
From: Nofated095 <nofated095@outlook.com>
Date: Sat, 13 May 2023 09:02:16 +0800
Subject: [PATCH] Update Button Stack

---
 src/App.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

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>