diff --git a/Moonlight.ApiServer/Http/Controllers/OAuth2/Login.razor b/Moonlight.ApiServer/Http/Controllers/OAuth2/Login.razor
index e16e32bd..57c6c3f2 100644
--- a/Moonlight.ApiServer/Http/Controllers/OAuth2/Login.razor
+++ b/Moonlight.ApiServer/Http/Controllers/OAuth2/Login.razor
@@ -1,4 +1,4 @@
-<html lang="en" class="h-full bg-gray-900">
+<html lang="en" class="h-full bg-background">
 <head>
     <title>Login into your account</title>
     <meta charset="UTF-8"/>
@@ -7,7 +7,7 @@
 </head>
 <body class="h-full">
 
-<div class="flex h-auto min-h-screen items-center justify-center overflow-x-hidden bg-background py-10">
+<div class="flex h-auto min-h-screen items-center justify-center overflow-x-hidden py-10">
     <div class="relative flex items-center justify-center px-4 sm:px-6 lg:px-8">
         <div
             class="bg-base-100 shadow-base-300/20 z-1 w-full space-y-6 rounded-xl p-6 shadow-md sm:min-w-md lg:p-8">
diff --git a/Moonlight.ApiServer/Http/Controllers/OAuth2/Register.razor b/Moonlight.ApiServer/Http/Controllers/OAuth2/Register.razor
index 6cd7dc2f..5aa5591d 100644
--- a/Moonlight.ApiServer/Http/Controllers/OAuth2/Register.razor
+++ b/Moonlight.ApiServer/Http/Controllers/OAuth2/Register.razor
@@ -1,4 +1,4 @@
-<html lang="en" class="h-full bg-gray-900">
+<html lang="en" class="h-full bg-background">
 <head>
     <title>Register a new account</title>
     <meta charset="UTF-8"/>
@@ -7,7 +7,7 @@
 </head>
 <body class="h-full">
 
-<div class="flex h-auto min-h-screen items-center justify-center overflow-x-hidden bg-background py-10">
+<div class="flex h-auto min-h-screen items-center justify-center overflow-x-hidden py-10">
     <div class="relative flex items-center justify-center px-4 sm:px-6 lg:px-8">
         <div
             class="bg-base-100 shadow-base-300/20 z-1 w-full space-y-6 rounded-xl p-6 shadow-md sm:min-w-md lg:p-8">
