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>
     );