diff --git a/resources/js/app/components/object-info/object-info.vue b/resources/js/app/components/object-info/object-info.vue
index 88a93c6ef..1d0739910 100644
--- a/resources/js/app/components/object-info/object-info.vue
+++ b/resources/js/app/components/object-info/object-info.vue
@@ -70,10 +70,6 @@ export default {
                     || this.reloadedData?.attributes?.[field]
                     || this.reloadedData?.meta?.[field]
                     || '-';
-                console.log('field', field, this.values[field]);
-                if (this.values[field] === '-') {
-                    console.log(JSON.stringify(this.reloadedData, null, 2));
-                }
                 if (field === 'file_size' && this.values[field] !== '-') {
                     this.values[field] = this.values[field] ? this.$helpers.formatBytes(this.values[field]) : '-';
                 }
diff --git a/templates/Element/Form/related_item.twig b/templates/Element/Form/related_item.twig
index 0fe7d5aa6..642da7eff 100644
--- a/templates/Element/Form/related_item.twig
+++ b/templates/Element/Form/related_item.twig
@@ -39,17 +39,21 @@
 
     {# RIBBON (new items) #}
     {% if stage %}
-        <div class="ribbon" :class="'has-background-module-' + related.type">
+        <div :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
             {{ __('NEW') }}
         </div>
     {% endif %}
 
-    <div v-if="Date.parse(related.attributes.publish_start) > Date.now()" class="ribbon" :class="'has-background-module-' + related.type">
+    <div v-if="Date.parse(related.attributes.publish_start) > Date.now()" :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
          {{ __('Future') }}
     </div>
-    <div v-if="Date.parse(related.attributes.publish_end) < Date.now()" class="ribbon" :class="'has-background-module-' + related.type">
+    <div v-if="Date.parse(related.attributes.publish_end) < Date.now()" :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
          {{ __('Expired') }}
     </div>
+    <div v-if="Date.parse(related.attributes.publish_end) < Date.now()" :class="`ribbon ${related?.type ? 'has-background-module-' + related?.type : ''} ${dataList ? 'in-data-list' : ''}`">
+        {{ __('Expired') }}
+    </div>
+
 
     {# THUMBNAIL #}
     {% if not translation %}
diff --git a/templates/Element/Form/relations.scss b/templates/Element/Form/relations.scss
index 03d96bb8d..d648e955d 100644
--- a/templates/Element/Form/relations.scss
+++ b/templates/Element/Form/relations.scss
@@ -244,6 +244,10 @@
         text-transform: uppercase;
         padding: $gutter * 0.25 $gutter $gutter * 0.25 $gutter;
     }
+    .in-data-list {
+        background-color: transparent !important;
+        font-size: 0.5rem;
+    }
 }
 
 // in panel