diff --git a/packages/nc-gui-v2/pages/forgot-password.vue b/packages/nc-gui-v2/pages/forgot-password.vue
index 567b025f7b..d2c5360c67 100644
--- a/packages/nc-gui-v2/pages/forgot-password.vue
+++ b/packages/nc-gui-v2/pages/forgot-password.vue
@@ -63,7 +63,7 @@ function resetError() {
ref="formValidator"
layout="vertical"
:model="form"
- class="forgot-password h-full min-h-[600px] flex justify-center items-center"
+ class="bg-primary/5 forgot-password h-full min-h-[600px] flex justify-center items-center"
@finish="resetPassword"
>
diff --git a/packages/nc-gui-v2/pages/signin.vue b/packages/nc-gui-v2/pages/signin.vue
index 20fb020109..f1e5543724 100644
--- a/packages/nc-gui-v2/pages/signin.vue
+++ b/packages/nc-gui-v2/pages/signin.vue
@@ -84,7 +84,7 @@ function resetError() {
ref="formValidator"
:model="form"
layout="vertical"
- class="signin h-full min-h-[600px] flex justify-center items-center nc-form-signin"
+ class="bg-primary/5 signin h-full min-h-[600px] flex justify-center items-center nc-form-signin"
@finish="signIn"
>
diff --git a/packages/nc-gui-v2/pages/signup/[[token]].vue b/packages/nc-gui-v2/pages/signup/[[token]].vue
index d2c11a0c75..ede398ef9e 100644
--- a/packages/nc-gui-v2/pages/signup/[[token]].vue
+++ b/packages/nc-gui-v2/pages/signup/[[token]].vue
@@ -90,7 +90,7 @@ function resetError() {
-