diff --git a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
index 1ae3058496..8b3670222e 100644
--- a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
@@ -164,14 +164,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -332,7 +332,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -367,7 +369,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -761,14 +765,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -929,7 +933,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -964,7 +970,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -1369,14 +1377,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -1537,7 +1545,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -1572,7 +1582,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -2088,14 +2100,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -2256,7 +2268,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -2291,7 +2305,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -2704,14 +2720,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -2872,7 +2888,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -2907,7 +2925,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -3423,14 +3443,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -3591,7 +3611,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -3626,7 +3648,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -4324,14 +4348,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -4492,7 +4516,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -4527,7 +4553,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -5043,14 +5071,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -5211,7 +5239,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -5246,7 +5276,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -5944,14 +5976,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -6112,7 +6144,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -6147,7 +6181,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -6664,14 +6700,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -6832,7 +6868,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -6867,7 +6905,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -7280,14 +7320,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -7448,7 +7488,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -7483,7 +7525,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
@@ -7885,14 +7929,14 @@ exports[`add custom helm repository in preferences when navigating to preference
               <section
                 id="kubernetes"
               >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
                 <section
                   id="kubectl"
                 >
-                  <h2
-                    data-testid="kubernetes-header"
-                  >
-                    Kubernetes
-                  </h2>
                   <section>
                     <div
                       class="SubTitle"
@@ -8053,7 +8097,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </section>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="kube-sync"
                 >
@@ -8088,7 +8134,9 @@ exports[`add custom helm repository in preferences when navigating to preference
                     </div>
                   </div>
                 </section>
-                <hr />
+                <hr
+                  class="horizontalLine"
+                />
                 <section
                   id="helm"
                 >
diff --git a/src/features/preferences/renderer/preferences.tsx b/src/features/preferences/renderer/preferences.tsx
index 25fb626ada..e41100609f 100644
--- a/src/features/preferences/renderer/preferences.tsx
+++ b/src/features/preferences/renderer/preferences.tsx
@@ -14,13 +14,14 @@ import type { Composite } from "../../application-menu/main/menu-items/get-compo
 import type { PreferenceTypes, PreferenceTab } from "./preference-items/preference-item-injection-token";
 import type { IComputedValue } from "mobx";
 import { Map } from "../../../renderer/components/map/map";
+import { observer } from "mobx-react";
 
 interface Dependencies {
   closePreferences: () => void;
   pageComposite: IComputedValue<Composite<PreferenceTab>>;
 }
 
-const NonInjectedPreferences = ({
+const NonInjectedPreferences = observer(({
   closePreferences,
   pageComposite,
 }: Dependencies) => {
@@ -38,7 +39,7 @@ const NonInjectedPreferences = ({
       {toPreferenceItemHierarchy(composite)}
     </SettingLayout>
   );
-};
+});
 
 const toPreferenceItemHierarchy = (composite: Composite<PreferenceTypes>) => {
   switch (composite.value.kind) {