diff --git a/frontend/src/index.sass b/frontend/src/index.sass
index 50af400..0b8b389 100644
--- a/frontend/src/index.sass
+++ b/frontend/src/index.sass
@@ -95,6 +95,12 @@ label
 h1
   font-size: 2em
   margin-bottom: 0.5em
+  text-align: center
+
+h2
+  font-size: 1.5em
+  margin-bottom: 0.5em
+  text-align: center
 
 .v-layout
   display: flex
diff --git a/frontend/src/pages/CharacterSelection.tsx b/frontend/src/pages/CharacterSelection.tsx
index d72e58c..3d8800e 100644
--- a/frontend/src/pages/CharacterSelection.tsx
+++ b/frontend/src/pages/CharacterSelection.tsx
@@ -24,7 +24,7 @@ export default function CharacterSelection() {
     return (
         <div className="flex flex-col items-center justify-center">
             <div className="v-layout p-10">
-                <h1 className="text-center">Talk With...</h1>
+                <h1>Talk With...</h1>
                 <div className="flex flex-wrap justify-center gap-3">
                     {characters.map(character => (
                         <CharacterBadge 
diff --git a/frontend/src/pages/CollabLearning.tsx b/frontend/src/pages/CollabLearning.tsx
index ddb23f9..ab77287 100644
--- a/frontend/src/pages/CollabLearning.tsx
+++ b/frontend/src/pages/CollabLearning.tsx
@@ -3,9 +3,9 @@ import NavBar from "../components/NavBar"
 export default function CollabLearning() {
 
     return (
-        <div className="flex flex-col h-screen">
+        <div className="v-layout p-10">
             <div className="flex flex-col flex-1">
-                <h1>Collaborative Learning Page</h1>
+                <h1>Collaborative Learning</h1>
             </div>
             <NavBar />
         </div>
diff --git a/frontend/src/pages/Course.tsx b/frontend/src/pages/Course.tsx
index 24a077e..5935c7b 100644
--- a/frontend/src/pages/Course.tsx
+++ b/frontend/src/pages/Course.tsx
@@ -3,7 +3,7 @@ import NavBar from "../components/NavBar"
 export default function Course() {
 
     return (
-        <div className="flex flex-col h-screen">
+        <div className="v-layout p-10">
             <div className="flex flex-col flex-1">
                 <h1>Course Page</h1>
             </div>
diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx
index 13cb052..41fdb8c 100644
--- a/frontend/src/pages/Profile.tsx
+++ b/frontend/src/pages/Profile.tsx
@@ -16,9 +16,9 @@ export default function Profile() {
     return (
         <div className="v-layout p-10">
             <div className="flex flex-col flex-1 h-full">
-                <h1 className="text-center">Profile</h1>
-                <h2 className="text-center">Username: {username}</h2>
-                <h2 className="text-center">Currently Learning: {getLanguage(username)}</h2>
+                <h1>Profile</h1>
+                <h2>Username: {username}</h2>
+                <h2>Currently Learning: {getLanguage(username)}</h2>
                 <button className="red mt-auto mb-12" onClick={() => handleLougout()}>Logout</button>
             </div>
             <NavBar />
diff --git a/frontend/src/pages/Review.tsx b/frontend/src/pages/Review.tsx
index 675ac1e..99e71fb 100644
--- a/frontend/src/pages/Review.tsx
+++ b/frontend/src/pages/Review.tsx
@@ -3,7 +3,7 @@ import NavBar from "../components/NavBar"
 export default function Review() {
 
     return (
-        <div className="flex flex-col h-screen">
+        <div className="layout-v p-10">
             <div className="flex flex-col flex-1">
                 <h1>Review Page</h1>
             </div>