From 73ed93b780ae6ba8162f074d0ca34bb9a17d067e Mon Sep 17 00:00:00 2001
From: Leon van der Grient <leon@devtastic.build>
Date: Fri, 2 Feb 2024 22:01:14 +0100
Subject: [PATCH] fix: small ui fix

---
 packages/studio/app/routes/Auth.tsx        | 2 +-
 packages/studio/app/ui/AppHeader/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/studio/app/routes/Auth.tsx b/packages/studio/app/routes/Auth.tsx
index b05f25e..e852f61 100644
--- a/packages/studio/app/routes/Auth.tsx
+++ b/packages/studio/app/routes/Auth.tsx
@@ -15,7 +15,7 @@ const Auth: React.FC = () => (
         <div className="flex-1 flex overflow-hidden">
           <MainMenu />
           <div className="flex-1 flex flex-col">
-            <div className="flex-1 flex flex-col items-center overflow-y-auto bg-gray-50 dark:bg-gray-800">
+            <div className="flex-1 flex flex-col items-center overflow-y-auto bg-white dark:bg-gray-800">
               <div className="flex-1 flex flex-col w-full">
                 <Outlet />
               </div>
diff --git a/packages/studio/app/ui/AppHeader/index.tsx b/packages/studio/app/ui/AppHeader/index.tsx
index c612eaf..5bda064 100644
--- a/packages/studio/app/ui/AppHeader/index.tsx
+++ b/packages/studio/app/ui/AppHeader/index.tsx
@@ -13,7 +13,7 @@ const AppHeader: React.FC = () => {
   const icon = config.about?.icon;
 
   return (
-    <header className="px-4 py-2 bg-white dark:bg-gray-900 flex justify-between items-center border-0 border-solid border-b shadow-sm z-20 relative border-gray-200 dark:border-gray-600">
+    <header className="px-4 py-2 bg-white dark:bg-gray-900 flex justify-between items-center border-0 border-solid border-b border-gray-200 dark:border-gray-600">
       <div className="md:hidden" />
       <div className="flex items-center gap-4">
         <Link