diff --git a/src/behaviours/helm-charts/__snapshots__/activate-custom-helm-repository-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/activate-custom-helm-repository-preferences.test.ts.snap
index 8f7aea7437..7e918e99b2 100644
--- a/src/behaviours/helm-charts/__snapshots__/activate-custom-helm-repository-preferences.test.ts.snap
+++ b/src/behaviours/helm-charts/__snapshots__/activate-custom-helm-repository-preferences.test.ts.snap
@@ -406,9 +406,17 @@ exports[`activate custom helm repository in preferences when navigating to prefe
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -5637,9 +5645,17 @@ exports[`activate custom helm repository in preferences when navigating to prefe
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -6102,9 +6118,17 @@ exports[`activate custom helm repository in preferences when navigating to prefe
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
diff --git a/src/behaviours/helm-charts/__snapshots__/activate-helm-repository-from-list-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/activate-helm-repository-from-list-in-preferences.test.ts.snap
index 99f69ad220..36e2946904 100644
--- a/src/behaviours/helm-charts/__snapshots__/activate-helm-repository-from-list-in-preferences.test.ts.snap
+++ b/src/behaviours/helm-charts/__snapshots__/activate-helm-repository-from-list-in-preferences.test.ts.snap
@@ -406,9 +406,17 @@ exports[`activate helm repository from list in preferences when navigating to pr
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -2326,9 +2334,17 @@ exports[`activate helm repository from list in preferences when navigating to pr
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -4340,9 +4356,17 @@ exports[`activate helm repository from list in preferences when navigating to pr
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
diff --git a/src/behaviours/helm-charts/__snapshots__/deactivate-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/deactivate-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
index 99a3286f37..6a58cbb752 100644
--- a/src/behaviours/helm-charts/__snapshots__/deactivate-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
+++ b/src/behaviours/helm-charts/__snapshots__/deactivate-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
@@ -406,9 +406,17 @@ exports[`deactivate helm repository from list of active repositories in preferen
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -1803,9 +1811,17 @@ exports[`deactivate helm repository from list of active repositories in preferen
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
diff --git a/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
index c8429391f6..575d03033f 100644
--- a/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
+++ b/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
@@ -406,9 +406,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -863,9 +871,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -1818,9 +1834,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -2275,9 +2299,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
                   </button>
                 </div>
                 <div
-                  class="Spinner singleColor"
-                  data-testid="helm-repositories-are-loading"
-                />
+                  class="repos"
+                >
+                  <div
+                    class="pt-5 relative"
+                  >
+                    <div
+                      class="Spinner singleColor center"
+                      data-testid="helm-repositories-are-loading"
+                    />
+                  </div>
+                </div>
                 <div />
               </div>
             </section>
@@ -2717,13 +2749,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
                   </button>
                 </div>
                 <div
-                  class="notice"
+                  class="repos"
                 >
                   <div
-                    class="flex-grow text-center"
-                    data-testid="no-helm-repositories"
+                    class="notice"
                   >
-                    The repositories have not been added yet
+                    <div
+                      class="flex-grow text-center"
+                      data-testid="no-helm-repositories"
+                    >
+                      The repositories have not been added yet
+                    </div>
                   </div>
                 </div>
                 <div />
@@ -3165,13 +3201,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
                   </button>
                 </div>
                 <div
-                  class="notice"
+                  class="repos"
                 >
                   <div
-                    class="flex-grow text-center"
-                    data-testid="no-helm-repositories"
+                    class="notice"
                   >
-                    The repositories have not been added yet
+                    <div
+                      class="flex-grow text-center"
+                      data-testid="no-helm-repositories"
+                    >
+                      The repositories have not been added yet
+                    </div>
                   </div>
                 </div>
                 <div />
diff --git a/src/renderer/components/+preferences/kubernetes/helm-charts/helm-repositories.tsx b/src/renderer/components/+preferences/kubernetes/helm-charts/helm-repositories.tsx
index 64f2523261..b3c7511b97 100644
--- a/src/renderer/components/+preferences/kubernetes/helm-charts/helm-repositories.tsx
+++ b/src/renderer/components/+preferences/kubernetes/helm-charts/helm-repositories.tsx
@@ -25,18 +25,26 @@ interface Dependencies {
 
 const NonInjectedActiveHelmRepositories = observer(({ activeHelmRepositories, deactivateRepository }: Dependencies) => {
   if (activeHelmRepositories.pending.get()) {
-    return <Spinner data-testid="helm-repositories-are-loading" />;
+    return (
+      <div className={styles.repos}>
+        <div className="pt-5 relative">
+          <Spinner center data-testid="helm-repositories-are-loading" />
+        </div>
+      </div>
+    );
   }
 
   const repositories = activeHelmRepositories.value.get();
 
   if (isEmpty(repositories)) {
     return (
-      <Notice>
-        <div className="flex-grow text-center" data-testid="no-helm-repositories">
-          The repositories have not been added yet
-        </div>
-      </Notice>
+      <div className={styles.repos}>
+        <Notice>
+          <div className="flex-grow text-center" data-testid="no-helm-repositories">
+            The repositories have not been added yet
+          </div>
+        </Notice>
+      </div>
     );
   }