From 1f4e27297939a5306721b3106a2acd5d32c7c414 Mon Sep 17 00:00:00 2001
From: Meliora Ho <nho10@fordham.edu>
Date: Sat, 23 Mar 2024 15:53:12 +0000
Subject: [PATCH] FIXED AUTH PAGE

---
 compass/app/auth/layout.tsx       | 2 +-
 compass/components/auth/Paper.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/compass/app/auth/layout.tsx b/compass/app/auth/layout.tsx
index 6a6fb96..4757eb7 100644
--- a/compass/app/auth/layout.tsx
+++ b/compass/app/auth/layout.tsx
@@ -11,7 +11,7 @@ export default function RootLayout({
 }) {
   return (
     <Paper>
-                <form  className="mb-0 m-auto mt-6 space-y-4 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8 bg-white max-w-xl">
+                <form  className="mb-0 m-auto mt-6 space-y-4 border border-gray-200 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8 bg-white max-w-xl">
             {children}
          </form>
          <p className="text-center mt-6 text-gray-500 text-xs">
diff --git a/compass/components/auth/Paper.tsx b/compass/components/auth/Paper.tsx
index 95b9ba0..de9d4b3 100644
--- a/compass/components/auth/Paper.tsx
+++ b/compass/components/auth/Paper.tsx
@@ -6,7 +6,7 @@ interface PageInterface {
 
 const Paper: React.FC<PageInterface> = ({ children }) => {
     return (
-        <div className="w-full min-h-screen px-4 py-16 bg-gray-100 sm:px-6 lg:px-8">
+        <div className="w-full min-h-screen px-4 py-16 bg-gray-50 sm:px-6 lg:px-8">
             {children}
         </div>
     );