diff --git a/apps/web/src/components/UserDropdown.tsx b/apps/web/src/components/UserDropdown.tsx
index 378ee829..3b67adf8 100644
--- a/apps/web/src/components/UserDropdown.tsx
+++ b/apps/web/src/components/UserDropdown.tsx
@@ -7,7 +7,7 @@ export function UserDropdown() {
     <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <button>
-            <Avatar className="text-black">
+            <Avatar>
               <AvatarFallback>CL</AvatarFallback>
             </Avatar>
           </button>
diff --git a/apps/web/src/components/layouts/Main.tsx b/apps/web/src/components/layouts/Main.tsx
index c2f44a5b..7b8f0cbd 100644
--- a/apps/web/src/components/layouts/Main.tsx
+++ b/apps/web/src/components/layouts/Main.tsx
@@ -15,10 +15,10 @@ export function MainLayout({ children, className }: MainLayoutProps) {
         <meta name="description" content="Generated by create-t3-app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <nav className="flex h-20 items-center justify-between border-b border-border bg-black px-8 text-white">
+      <nav className="flex h-20 items-center justify-between border-b border-border bg-gradient-to-r from-blue-900 to-purple-600 px-8 text-white">
         <div className="flex flex-col [&_*]:leading-tight">
           <span className="text-2xl font-extrabold">MIXAN</span>
-          <span className="text-xs text-muted">v0.0.1</span>
+          <span className="text-xs text-gray-500">v0.0.1</span>
         </div>
 
         <Navbar />
diff --git a/apps/web/src/utils/api.ts b/apps/web/src/utils/api.ts
index 6191832a..a6f032ed 100644
--- a/apps/web/src/utils/api.ts
+++ b/apps/web/src/utils/api.ts
@@ -4,7 +4,7 @@
  *
  * We also create a few inference helpers for input and output types.
  */
-import { httpBatchLink, loggerLink } from "@trpc/client";
+import { httpBatchLink, httpLink, loggerLink } from "@trpc/client";
 import { createTRPCNext } from "@trpc/next";
 import { type inferRouterInputs, type inferRouterOutputs } from "@trpc/server";
 import superjson from "superjson";
@@ -48,7 +48,7 @@ export const api = createTRPCNext<AppRouter>({
             process.env.NODE_ENV === "development" ||
             (opts.direction === "down" && opts.result instanceof Error),
         }),
-        httpBatchLink({
+        httpLink({
           url: `${getBaseUrl()}/api/trpc`,
         }),
       ],