diff --git a/src-ui/src/app/components/common/input/document-link/document-link.component.scss b/src-ui/src/app/components/common/input/document-link/document-link.component.scss
index 1c83a7122..c83886844 100644
--- a/src-ui/src/app/components/common/input/document-link/document-link.component.scss
+++ b/src-ui/src/app/components/common/input/document-link/document-link.component.scss
@@ -14,7 +14,7 @@
             div, .ng-arrow-wrapper, input {
                 cursor: not-allowed;
             }
-            background-color: var(--pngx-bg-alt) !important;
+            background-color: var(--pngx-bg-disabled) !important;
         }
     }
 }
diff --git a/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss b/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss
index 822f7e490..cbf101ea6 100644
--- a/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss
+++ b/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss
@@ -5,7 +5,7 @@
         pointer-events: none;
 
         .ng-select-container {
-            background-color: var(--pngx-bg-alt) !important;
+            background-color: var(--pngx-bg-disabled) !important;
         }
     }
 }
diff --git a/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss b/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss
index 822f7e490..cbf101ea6 100644
--- a/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss
+++ b/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss
@@ -5,7 +5,7 @@
         pointer-events: none;
 
         .ng-select-container {
-            background-color: var(--pngx-bg-alt) !important;
+            background-color: var(--pngx-bg-disabled) !important;
         }
     }
 }
diff --git a/src-ui/src/app/components/common/input/select/select.component.scss b/src-ui/src/app/components/common/input/select/select.component.scss
index 4a6f6da61..e739081f1 100644
--- a/src-ui/src/app/components/common/input/select/select.component.scss
+++ b/src-ui/src/app/components/common/input/select/select.component.scss
@@ -9,7 +9,7 @@
         pointer-events: none;
 
         .ng-select-container {
-            background-color: var(--pngx-bg-alt) !important;
+            background-color: var(--pngx-bg-disabled) !important;
         }
     }
 }
diff --git a/src-ui/src/app/components/common/input/tags/tags.component.scss b/src-ui/src/app/components/common/input/tags/tags.component.scss
index 65b8603e0..342342f25 100644
--- a/src-ui/src/app/components/common/input/tags/tags.component.scss
+++ b/src-ui/src/app/components/common/input/tags/tags.component.scss
@@ -16,7 +16,7 @@
       pointer-events: none;
 
       .ng-select-container {
-          background-color: var(--pngx-bg-alt) !important;
+          background-color: var(--pngx-bg-disabled) !important;
       }
   }
 }
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index a1fa794f3..e5987d5d2 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -366,7 +366,7 @@ textarea,
 }
 
 .form-control:disabled, .form-control[readonly] {
-  background-color: var(--pngx-bg-alt);
+  background-color: var(--pngx-bg-disabled);
   cursor: not-allowed;
 }
 
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 1d0e8e7d6..380f78d7d 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -25,6 +25,7 @@ $color-mode-type: data;
   --pngx-bg-alt: #fff;
   --pngx-bg-darker: var(--bs-gray-100);
   --pngx-bg-alt2: var(--bs-gray-200);
+  --pngx-bg-disabled: #f7f7f7;
   --pngx-focus-alpha: 0.3;
 }
 
@@ -83,6 +84,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
   --pngx-bg-darker: #101216;
   --bs-tertiary-bg: var(--pngx-bg-darker);
   --pngx-bg-alt: #242529;
+  --pngx-bg-disabled: var(--pngx-bg-alt);
   --pngx-focus-alpha: 0.6;
   --pngx-primary-faded: var(--pngx-primary-darken-15);
   --pngx-primary-text-contrast: var(--bs-body-color);