diff --git a/pages/controlpanel/index.js b/pages/controlpanel/index.js
index 9367471..721339b 100644
--- a/pages/controlpanel/index.js
+++ b/pages/controlpanel/index.js
@@ -2,6 +2,7 @@ import React from 'react'
 import Card from '../../components/Card'
 import Head from 'next/head'
 import { useSession } from 'next-auth/client'
+import { Text } from "@chakra-ui/react"
 
 function Index() {
 
@@ -18,7 +19,7 @@ function Index() {
                     <title>Cath Control Panel</title>
                 </Head>
                 <div>
-                    <h1>Control Panel</h1>
+                    <Text fontSize='4xl'>Control Panel</Text>
                     <Card title='Commands' desc='Control your commands and their settings.' link='/controlpanel/commands'/>
                     <Card title='Commands' desc='Control your commands and their settings.' link='/controlpanel/commands'/>
                     <Card title='Commands' desc='Control your commands and their settings.' link='/controlpanel/commands'/>
diff --git a/pages/index.js b/pages/index.js
index e861d0c..41314e0 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,6 @@
-import { Typography } from '@material-ui/core'
-import CardContainer from '../components/CardContainer'
 import Card from '../components/Card'
 import { useSession } from 'next-auth/client'
+import { Text } from "@chakra-ui/react"
 
 export default function Home() {
 
@@ -15,7 +14,7 @@ export default function Home() {
     </>
   }
   {session && <>
-      <h1>Welcome {session.user.name}!</h1>
+      <Text fontSize='4xl'>Welcome {session.user.name}!</Text>
       <div className='grid'>
         <Card title='commands' desc='lorem ipsum dolor sit amet' link='/controlpanel/commands'/>
         <Card title='commands' desc='lorem ipsum dolor sit amet' link='/controlpanel/commands'/>