diff --git a/resources/js/components/app-logo.tsx b/resources/js/components/app-logo.tsx
index 69bdcb84d..233c072f7 100644
--- a/resources/js/components/app-logo.tsx
+++ b/resources/js/components/app-logo.tsx
@@ -1,5 +1,7 @@
 import AppLogoIcon from './app-logo-icon';
 
+const appName = import.meta.env.VITE_APP_NAME || 'Laravel Starter Kit';
+
 export default function AppLogo() {
     return (
         <>
@@ -7,7 +9,7 @@ export default function AppLogo() {
                 <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
             </div>
             <div className="ml-1 grid flex-1 text-left text-sm">
-                <span className="mb-0.5 truncate leading-tight font-semibold">Laravel Starter Kit</span>
+                <span className="mb-0.5 truncate leading-tight font-semibold">{appName}</span>
             </div>
         </>
     );