diff --git a/resources/scripts/components/NavigationBar.tsx b/resources/scripts/components/NavigationBar.tsx
index 7b9a1906d..d2369e873 100644
--- a/resources/scripts/components/NavigationBar.tsx
+++ b/resources/scripts/components/NavigationBar.tsx
@@ -11,13 +11,14 @@ import { ApplicationStore } from '@/state';
 
 export default () => {
     const user = useStoreState((state: ApplicationStore) => state.user.data!);
+    const name = useStoreState((state: ApplicationStore) => state.settings.data!.name);
 
     return (
         <div id={'navigation'}>
             <div className={'mx-auto w-full flex items-center'} style={{ maxWidth: '1200px', height: '3.5rem' }}>
                 <div id={'logo'}>
                     <Link to={'/'}>
-                        Pterodactyl
+                        {name}
                     </Link>
                 </div>
                 <div className={'right-navigation'}>