diff --git a/app/src/components/ConfigPanels.vue b/app/src/components/ConfigPanels.vue
index 0ac19296..4d531b2a 100644
--- a/app/src/components/ConfigPanels.vue
+++ b/app/src/components/ConfigPanels.vue
@@ -28,6 +28,7 @@
 
 <script>
 import { toRef } from 'vue'
+import { defineAsyncComponent } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 
 export default {
@@ -37,7 +38,9 @@ export default {
   inheritAttrs: false,
 
   components: {
-    RoutableTabs: () => import('@/components/RoutableTabs.vue'),
+    RoutableTabs: defineAsyncComponent(
+      () => import('@/components/RoutableTabs.vue'),
+    ),
   },
 
   props: {