From ac4233d934c2f52aae533c727da90ee4b0dfb407 Mon Sep 17 00:00:00 2001
From: Varun Raj <mailme@varunraj.in>
Date: Wed, 21 Aug 2024 09:06:21 +0530
Subject: [PATCH] fix: minor design fixes

Signed-off-by: Varun Raj <mailme@varunraj.in>
---
 src/components/people/PeopleList.tsx | 2 +-
 src/components/shared/Header.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/people/PeopleList.tsx b/src/components/people/PeopleList.tsx
index 8772c2e..90d99e4 100644
--- a/src/components/people/PeopleList.tsx
+++ b/src/components/people/PeopleList.tsx
@@ -55,7 +55,7 @@ export default function PeopleList() {
     if (errorMessage) return <div>{errorMessage}</div>;
 
     return (
-      <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6  gap-4 p-2">
+      <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6  gap-1 p-2">
         {people.map((person) => (
           <PersonItem person={person} key={person.id} onRemove={handleRemove}/>
         ))}
diff --git a/src/components/shared/Header.tsx b/src/components/shared/Header.tsx
index abc9dab..71cea36 100644
--- a/src/components/shared/Header.tsx
+++ b/src/components/shared/Header.tsx
@@ -47,7 +47,7 @@ export default function Header({ leftComponent, rightComponent }: IProps) {
         <title>{leftComponent} - Immich Power Tools</title>
       </Head>
     )}
-    <header key="header" className="sticky z-10 top-0 w-full flex h-14 items-center gap-4 border-b px-4 lg:h-[60px] lg:px-6">
+    <header key="header" className="sticky z-10 top-0 w-full flex h-14 items-center gap-4 border-b bg-white dark:bg-black px-4 lg:h-[60px] lg:px-6">
       <Sheet>
         <SheetTrigger asChild>
           <Button variant="outline" size="icon" className="shrink-0 md:hidden">