diff --git a/app/routes/expenses/new.tsx b/app/routes/expenses/new.tsx
index 7b54bfd..d365bd9 100644
--- a/app/routes/expenses/new.tsx
+++ b/app/routes/expenses/new.tsx
@@ -103,7 +103,7 @@ export default function NewExpenseRoute() {
   return (
     <>
       <div className="container mx-auto min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
-        <div className="card bg-neutral w-full shadow-lg max-w-lg">
+        <div className="card bg-base-200 w-full shadow-lg max-w-lg">
           <div className="card-body w-full">
             <h1 className="card-title">Add an expense</h1>
             <Form
@@ -119,7 +119,7 @@ export default function NewExpenseRoute() {
                 </label>
                 <input
                   type="text"
-                  className="input"
+                  className="input input-bordered"
                   name="description"
                   id="description-input"
                   defaultValue={actionData?.fields?.description}
@@ -161,7 +161,7 @@ export default function NewExpenseRoute() {
                 </label>
                 <input
                   type="number"
-                  className="input"
+                  className="input input-bordered"
                   id="amount-input"
                   name="amount"
                   defaultValue={actionData?.fields?.amount}
diff --git a/app/routes/expenses/transfer.tsx b/app/routes/expenses/transfer.tsx
index 8ee6658..a716c8f 100644
--- a/app/routes/expenses/transfer.tsx
+++ b/app/routes/expenses/transfer.tsx
@@ -96,7 +96,7 @@ export default function NewExpenseRoute() {
   return (
     <>
       <div className="container mx-auto min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
-        <div className="card bg-neutral w-full shadow-lg max-w-lg">
+        <div className="card bg-base-200 w-full shadow-lg max-w-lg">
           <div className="card-body w-full">
             <h1 className="card-title">Transfer to user</h1>
             <Form
@@ -132,7 +132,7 @@ export default function NewExpenseRoute() {
                 </label>
                 <input
                   type="text"
-                  className="input"
+                  className="input input-bordered"
                   name="description"
                   id="description-input"
                   defaultValue={actionData?.fields?.description}
@@ -144,7 +144,7 @@ export default function NewExpenseRoute() {
                 </label>
                 <input
                   type="number"
-                  className="input"
+                  className="input input-bordered"
                   id="amount-input"
                   name="amount"
                   defaultValue={actionData?.fields?.amount}
diff --git a/app/routes/login.tsx b/app/routes/login.tsx
index 5312e5f..f1af1ca 100644
--- a/app/routes/login.tsx
+++ b/app/routes/login.tsx
@@ -81,7 +81,7 @@ export default function Login() {
     <>
       <Header />
       <div className="container mx-auto min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
-        <div className="card bg-neutral w-full shadow-lg max-w-lg">
+        <div className="card bg-base-200 w-full shadow-lg max-w-lg">
           <div className="card-body w-full">
             <h1 className="card-title">Login</h1>
             <Form