diff --git a/app/Http/Controllers/MediaController.php b/app/Http/Controllers/MediaController.php
index ca89f21..6ba47b4 100644
--- a/app/Http/Controllers/MediaController.php
+++ b/app/Http/Controllers/MediaController.php
@@ -407,6 +407,7 @@ class MediaController extends Controller
 
                 // ---- Les articles
                 $media->articles()->sync(collect($request->articles)->pluck('id')->all());
+                Article::flushQueryCache();
 
                 $media->saveOrFail();
 
diff --git a/app/Models/Article.php b/app/Models/Article.php
index 676284b..d64c5d4 100644
--- a/app/Models/Article.php
+++ b/app/Models/Article.php
@@ -75,6 +75,6 @@ class Article extends Model
      */
     public function mediaList()
     {
-        return $this->belongsToMany(Media::class, 'media_article', 'media_id', 'article_id');
+        return $this->belongsToMany(Media::class, 'media_article', 'article_id', 'media_id');
     }
 }
diff --git a/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue b/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue
index 5dfac03..81aff6e 100644
--- a/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue
+++ b/resources/js/components/media-manager/media-editor/tabs/MeEditComponent.vue
@@ -713,10 +713,13 @@ export default {
         .then((response) => {
           const result = response.data;
           if (result.article.utilisableGroupe === 1) {
-            const index = this.oMedia.articles.find(
+            const index = this.oMedia.articles?.find(
               (e) => e.noArt === result.article.noArt
             );
             if (!index) {
+                if (!this.oMedia.articles) {
+                    this.$set(this.oMedia, 'articles', []);
+                }
               this.oMedia.articles.push(result.article);
             } else {
               $.fancyMessage({