diff --git a/Moonlight/Core/UI/Components/Auth/Login.razor b/Moonlight/Core/UI/Components/Auth/Login.razor
index 808502d8..64819a1a 100644
--- a/Moonlight/Core/UI/Components/Auth/Login.razor
+++ b/Moonlight/Core/UI/Components/Auth/Login.razor
@@ -14,7 +14,7 @@
 
 <div class="d-flex justify-content-center">
     <div class="d-flex align-items-center">
-        <div class="card card-body m-15 p-15">
+        <div class="card card-body m-8 m-md-15 p-8 p-md-15">
             <div class="text-center mb-8">
                 <div class="fw-bold mb-3 fs-1">
                     Login
diff --git a/Moonlight/Core/UI/Components/Auth/Register.razor b/Moonlight/Core/UI/Components/Auth/Register.razor
index f4899cd2..03c6f9db 100644
--- a/Moonlight/Core/UI/Components/Auth/Register.razor
+++ b/Moonlight/Core/UI/Components/Auth/Register.razor
@@ -18,7 +18,7 @@
 
 <div class="d-flex justify-content-center">
     <div class="d-flex align-items-center">
-        <div class="card card-body m-15 p-15">
+        <div class="card card-body m-8 m-md-15 p-8 p-md-15">
             @if (ConfigService.Get().Authentication.DenyRegister)
             {
                 <IconAlert Color="danger" Icon="bx-shield-quarter" Title="Sign up disabled">