diff --git a/components/Auth.js b/components/Auth.js
index 7914efc..a80e279 100644
--- a/components/Auth.js
+++ b/components/Auth.js
@@ -35,7 +35,7 @@ const AuthComponent = () => {
           socialLayout='horizontal'
           socialButtonSize='xlarge'
           socialColors={true}
-          className='p-5'
+          className='p-5 bg-neutral-content rounded-md'
         />
       </Container>
     </Auth.UserContextProvider>
diff --git a/components/Nav.js b/components/Nav.js
index 16e6d14..926c6fd 100644
--- a/components/Nav.js
+++ b/components/Nav.js
@@ -48,10 +48,6 @@ const Nav = (props) => {
         <a className='btn btn-ghost btn-sm'>Pricing</a>
       </Link>
 
-      <Link href='/'>
-        <a className='btn btn-ghost btn-sm'>About</a>
-      </Link>
-
       <Link href='/contact'>
         <a className='btn btn-ghost btn-sm'>Contact</a>
       </Link>
@@ -67,7 +63,7 @@ const Nav = (props) => {
           <a className='btn btn-primary btn-sm'>Login</a>
         </Link>
       )}
-      <ThemeToggle />
+      <ThemeToggle/>
     </>
   );
 
diff --git a/components/UI/ThemeToggle.js b/components/UI/ThemeToggle.js
index 1a332f5..6ac0b6b 100644
--- a/components/UI/ThemeToggle.js
+++ b/components/UI/ThemeToggle.js
@@ -27,7 +27,7 @@ const ThemeToggle = () => {
   }, [activeTheme]);
 
   return (
-    <button className='flex' onClick={() => setActiveTheme(inactiveTheme)}>
+    <button className='flex ml-3' onClick={() => setActiveTheme(inactiveTheme)}>
       {activeTheme === theme.secondary ? (
         <HiOutlineSun className='m-auto text-xl hover:text-accent' />
       ) : (