3 files changed, 14 insertions, 8 deletions
diff --git a/src/app/globals.css b/src/app/globals.css
index f647461..a3d838f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -10,7 +10,7 @@
     --card-foreground: 240 10% 3.9%;
     --popover: 0 0% 100%;
     --popover-foreground: 240 10% 3.9%;
-    --primary: 142.1 76.2% 36.3%;
+    --primary: 161 90% 31%;
     --primary-foreground: 355.7 100% 97.3%;
     --secondary: 240 4.8% 95.9%;
     --secondary-foreground: 240 5.9% 10%;
diff --git a/src/app/groups/[groupId]/group-tabs.tsx b/src/app/groups/[groupId]/group-tabs.tsx
index e5c48c2..28b4889 100644
--- a/src/app/groups/[groupId]/group-tabs.tsx
+++ b/src/app/groups/[groupId]/group-tabs.tsx
@@ -15,7 +15,7 @@ export function GroupTabs({ groupId }: Props) {
   return (
     <Tabs
       value={value}
-      className="mb-4"
+      className="mb-4 [&>*]:border"
       onValueChange={(value) => {
         router.push(`/groups/${groupId}/${value}`)
       }}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 894e2d0..e86728f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -9,13 +9,13 @@ import './globals.css'
 export const metadata: Metadata = {
   metadataBase: new URL(env.NEXT_PUBLIC_BASE_URL),
   title: {
-    default: 'Spliit · Share expenses with friends and family',
+    default: 'Spliit · Share Expenses with Friends & Family',
     template: '%s · Spliit',
   },
   description:
     'Spliit is a minimalist web application to share expenses with friends and family. No ads, no account, no problem.',
   openGraph: {
-    title: 'Spliit · Share expenses with friends and family',
+    title: 'Spliit · Share Expenses with Friends & Family',
     description:
       'Spliit is a minimalist web application to share expenses with friends and family. No ads, no account, no problem.',
     images: `/banner.png`,
@@ -27,7 +27,7 @@ export const metadata: Metadata = {
     creator: '@scastiel',
     site: '@scastiel',
     images: `/banner.png`,
-    title: 'Spliit · Share expenses with friends and family',
+    title: 'Spliit · Share Expenses with Friends & Family',
     description:
       'Spliit is a minimalist web application to share expenses with friends and family. No ads, no account, no problem.',
   },
@@ -40,12 +40,18 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className="">
+      <body className="bg-slate-50">
         <ProgressBar />
         <header className="fixed top-0 left-0 right-0 flex justify-between bg-white bg-opacity-50 p-2 border-b backdrop-blur-sm">
           <Link className="flex items-center gap-2" href="/">
-            <Image src="/logo.svg" width={30} height={30} alt="" />
-            <h1 className="font-bold text-primary">Spliit</h1>
+            <h1>
+              <Image
+                src="/logo-with-text.png"
+                width={(30 * 522) / 180}
+                height={30}
+                alt="Spliit"
+              />
+            </h1>
           </Link>
           <ul role="nav" className="flex items-center text-sm">
             <li>