diff --git a/src/components/panels/ExtruderPanel.vue b/src/components/panels/ExtruderPanel.vue
index 8495742a..1801ec78 100644
--- a/src/components/panels/ExtruderPanel.vue
+++ b/src/components/panels/ExtruderPanel.vue
@@ -50,22 +50,19 @@
                 feedrate: 5,
                 loadingRetract: false,
                 loadingDetract: false,
+                extruder: null,
             }
         },
         computed: {
             ...mapState({
                 loadings: state => state.loadings,
                 printer_state: state => state.printer.print_stats.state,
+                config: state => state.printer.configfile.config,
             }),
             ...mapGetters([
                 'getMacros',
                 'getCurrentExtruder',
             ]),
-            extruder: {
-                get: function() {
-                    return this.$store.getters.getCurrentExtruder;
-                }
-            }
         },
         methods: {
             setFeedAmount(value) {
@@ -92,6 +89,12 @@
                 this.loadingRetract = loadings.includes('extruderRetract');
                 this.loadingDetract = loadings.includes('extruderDetract');
             },
+            config: {
+                handler() {
+                    this.extruder = this.getCurrentExtruder;
+                },
+                immediate: true
+            }
         }
     }
 </script>
\ No newline at end of file
diff --git a/src/store/getters.js b/src/store/getters.js
index 468728bf..f1995a0a 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -259,6 +259,8 @@ export default {
     },
 
     getCurrentExtruder: state => {
+        if (state.printer.configfile.config === null) return null;
+
         let extruder = {
             name: "",
             status: null,