diff --git a/webserver/public/fonts/IBMPlexSansThaiLooped-Regular.ttf b/webserver/public/fonts/IBMPlexSansThaiLooped-Regular.ttf
new file mode 100644
index 0000000..6932de9
Binary files /dev/null and b/webserver/public/fonts/IBMPlexSansThaiLooped-Regular.ttf differ
diff --git a/webserver/public/index.html b/webserver/public/index.html
index 7cf49a0..b5bb0e9 100644
--- a/webserver/public/index.html
+++ b/webserver/public/index.html
@@ -22,7 +22,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Scouting🔭</title>
+    <title>Scouting 2022</title>
 </head>
 
 
diff --git a/webserver/src/Pages/WelcomePage.js b/webserver/src/Pages/WelcomePage.js
index 147ed60..15c1dff 100644
--- a/webserver/src/Pages/WelcomePage.js
+++ b/webserver/src/Pages/WelcomePage.js
@@ -1,8 +1,9 @@
 import React from 'react'
 import "./WelcomePage.css";
+import "../App.css";
 const WelcomePage = () => {
     return (
-        <div class='center'>
+        <div align="center" class = "headerwithfont">
             <h1>Welcome to Ridgebotics Scouting Web Application 2022</h1>
             <img src = "/WelcomePageImage.webp"/>
         </div>
diff --git a/webserver/src/components/Navigation/Toolbar/Toolbar.css b/webserver/src/components/Navigation/Toolbar/Toolbar.css
index df1a745..6e811e3 100644
--- a/webserver/src/components/Navigation/Toolbar/Toolbar.css
+++ b/webserver/src/components/Navigation/Toolbar/Toolbar.css
@@ -21,7 +21,7 @@
 .toolbar_logo a {
     color: white;
     text-decoration: none;
-    font-size: 1.5rem;
+    font-size: 2.0rem;
 }
 
 .toolbar_spacer {
@@ -42,6 +42,7 @@
 .toolbar_items a {
     color: white;
     text-decoration: none;
+    font-size: 1.5rem;
 }
 
 .toolbar_items a:hover,