diff --git a/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue b/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
index bdd584c33..20da8c7e5 100644
--- a/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
+++ b/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
@@ -32,8 +32,9 @@
 
 <script setup>
 
-import {computed, ref, toRef} from "vue";
+import {computed, ref, toRef, watch} from "vue";
 import {useAxios} from "~/vendor/axios";
+import {syncRef} from "@vueuse/core";
 
 const props = defineProps({
     modelValue: Object,
@@ -44,7 +45,7 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue']);
 
-const artworkSrc = ref(props.artworkSrc);
+const artworkSrc = toRef(props, 'artworkSrc');
 const localSrc = ref(null);
 
 const src = computed(() => {
diff --git a/frontend/vue/components/Stations/Podcasts/EpisodeForm/Media.vue b/frontend/vue/components/Stations/Podcasts/EpisodeForm/Media.vue
index 1ba49aca2..c52a9bfc0 100644
--- a/frontend/vue/components/Stations/Podcasts/EpisodeForm/Media.vue
+++ b/frontend/vue/components/Stations/Podcasts/EpisodeForm/Media.vue
@@ -44,6 +44,7 @@
 import FlowUpload from '~/components/Common/FlowUpload';
 import {computed, ref, toRef} from "vue";
 import {useAxios} from "~/vendor/axios";
+import {syncRef} from "@vueuse/core";
 
 const props = defineProps({
     modelValue: Object,
@@ -55,7 +56,8 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue']);
 
-const hasMedia = ref(props.recordHasMedia);
+const hasMedia = ref(null);
+syncRef(toRef(props, 'recordHasMedia'), hasMedia, {direction: 'ltr'});
 
 const targetUrl = computed(() => {
     return (props.editMediaUrl)