diff --git a/resources/js/Layouts/Authenticated.jsx b/resources/js/Layouts/Authenticated.jsx
index d511886..7377ce8 100644
--- a/resources/js/Layouts/Authenticated.jsx
+++ b/resources/js/Layouts/Authenticated.jsx
@@ -84,7 +84,7 @@ export default function Authenticated({ auth, children }) {
                 </div>
 
                 <div className={(showingNavigationDropdown ? 'block' : 'hidden') + ' sm:hidden'}>
-                    {auth.user.is_admin ? (
+                    {auth.user.is_admin == "true" ? (
                     <div className="pt-2 pb-3 space-y-1">
                         <ResponsiveNavLink href={route('dashboard')} active={route().current('dashboard')}>
                             Dashboard
diff --git a/resources/js/Layouts/Guest.jsx b/resources/js/Layouts/Guest.jsx
index a8472f8..6238111 100644
--- a/resources/js/Layouts/Guest.jsx
+++ b/resources/js/Layouts/Guest.jsx
@@ -4,14 +4,14 @@ import { Link } from '@inertiajs/inertia-react';
 
 export default function Guest({ children }) {
     return (
-        <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
-            <div>
+        <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 px-5">
+            <div className='mt-48 md:mt-0'>
                 <Link href="/" className='text-3xl font-bold'>
                     Koro Koro Family Karaoke
                 </Link>
             </div>
 
-            <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
+            <div className="w-full sm:max-w-md md:mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
                 {children}
             </div>
         </div>