diff --git a/src/app/@auth/(.)search/page.tsx b/src/app/@auth/(.)search/page.tsx
index f64afed..158c28b 100644
--- a/src/app/@auth/(.)search/page.tsx
+++ b/src/app/@auth/(.)search/page.tsx
@@ -43,9 +43,9 @@ import { Avatar } from '@/app/components/ui/avatar';
 
 // types
 import { Contact } from '@/app/types/types';
-import { TextGenerateEffect } from '@/app/components/ui/text-generate-effect';
-
 
+import { TextGenerateEffect
+ } from '@/app/components/ui/text-generate-effect';
 export default function Page() {
   const [payee, setPayee] = useState<string>('');
   const [scanner, setScanner] = useState<boolean>(false);
@@ -102,7 +102,10 @@ export default function Page() {
                 }}
               />
             </div>
-            <TextGenerateEffect words='Search'></TextGenerateEffect>
+            <p className='text-center'>
+
+              <TextGenerateEffect words='Search'></TextGenerateEffect>
+            </p>
             <div className='ml-auto'></div>
           </DrawerTitle>
         </DrawerHeader>
diff --git a/src/app/components/addAContact/addAContact.tsx b/src/app/components/addAContact/addAContact.tsx
index 2123150..2b7c0f8 100644
--- a/src/app/components/addAContact/addAContact.tsx
+++ b/src/app/components/addAContact/addAContact.tsx
@@ -91,7 +91,7 @@ export default function AddAContact({
 
   return (
     <Credenza open={open}>
-      <CredenzaContent className='w-full h-fit'>
+      <CredenzaContent className='w-full h-fit bg-card' >
         <CredenzaHeader className='w-full'>
           <CredenzaTitle><TextGenerateEffect words='Add a Contact'></TextGenerateEffect></CredenzaTitle>
         </CredenzaHeader>