diff --git a/projects/go-lib/src/lib/components/go-select/go-select.component.scss b/projects/go-lib/src/lib/components/go-select/go-select.component.scss
index 0648faec8..2861d208c 100644
--- a/projects/go-lib/src/lib/components/go-select/go-select.component.scss
+++ b/projects/go-lib/src/lib/components/go-select/go-select.component.scss
@@ -28,6 +28,10 @@
   min-height: auto;
 }
 
+.ng-select.ng-select-disabled>.ng-select-container {
+  background-color: $theme-light-app-bg;
+}
+
 .ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container,
 .ng-select.ng-select-single .ng-select-container .ng-value-container {
   align-items: flex-start;
diff --git a/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts b/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts
index ff78158ef..653964e03 100644
--- a/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts
+++ b/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts
@@ -46,6 +46,12 @@ describe("GoSelectComponent", () => {
       component.multiple = true;
     });
 
+    it('should apply the correct styles for ng-select-disabled', () => {
+      fixture.detectChanges();
+      expect(fixture.debugElement.queryAll(By.css('.ng-select-container'))?.length
+      ).toBe(1);
+    });
+
     it("adds all of the available items to the form control value", () => {
       component.bindValue = undefined;
       component.items = [