Fixed Colors and HorizontalNav

apps/hub/app/_components/Nav.tsx

@@ -4,8 +4,8 @@ import {
   GearIcon,
   ExitIcon,
   LockClosedIcon,
-} from '@radix-ui/react-icons';
-import Link from 'next/link';
+} from "@radix-ui/react-icons";
+import Link from "next/link";
 
 export const VerticalNav = () => {
   return (
@@ -51,12 +51,12 @@ export const VerticalNav = () => {
 
 export const HorizontalNav = () => (
   <div className="navbar bg-base-200 shadow-md rounded-lg mb-4">
-    <div className="flex-1">
+    <div className="flex items-center">
       <a className="btn btn-ghost normal-case text-xl">
         Virtual Air Rescue - HUB
       </a>
     </div>
-    <div className="flex-none">
+    <div className="flex items-center ml-auto">
       <ul className="flex space-x-2 px-1">
         <li>
           <Link href="/">