diff --git a/src/renderer/components/+add-cluster/add-cluster.module.scss b/src/renderer/components/+add-cluster/add-cluster.module.scss
index 7418b4481d..0a43b2b805 100644
--- a/src/renderer/components/+add-cluster/add-cluster.module.scss
+++ b/src/renderer/components/+add-cluster/add-cluster.module.scss
@@ -3,6 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+@import "../../components/mixins.scss";
+
 .AddClusters {
   --flex-gap: calc(var(--unit) * 2);
 
diff --git a/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss b/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss
index c93374b2f7..c97c926a8f 100644
--- a/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss
+++ b/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog.module.scss
@@ -3,6 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+@import "../../components/mixins.scss";
+
 .KubeConfigDialog {
   :global(.Wizard) {
     width: 50vw;
diff --git a/src/renderer/components/switch/switch.module.scss b/src/renderer/components/switch/switch.module.scss
index 0461716200..217ef5dc9c 100644
--- a/src/renderer/components/switch/switch.module.scss
+++ b/src/renderer/components/switch/switch.module.scss
@@ -3,6 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+@import "../../components/mixins.scss";
+
 .Switch {
   --thumb-size: 2rem;
   --thumb-color: hsl(0 0% 100%);