live feed termiando 60%

ui/src/views/RealtimeFeedView.vue

@@ -19,13 +19,14 @@ onMounted(() => {
     <transition-group
       name="feed"
       tag="div"
-      class="feed-list pr-2"
-      style="max-height: calc(100vh - 160px);"
+      class="feed-list"
+      style="max-height: calc(100vh - 160px); min-width: 60vw;"
     >
       <RealtimeEventCard
         v-for="(ev, idx) in realtime.events"
         :key="ev.receivedAt + idx"
         :event="ev"
+        style="max-width: 100%; border-bottom: white 1px solid; padding: 20px 0 40px 20px ;"
       />
       <div v-if="realtime.events.length === 0" class="text-center text-gray-500 mt-4">
         No hay eventos aún.
@@ -37,7 +38,7 @@ onMounted(() => {
 <style scoped>
 .realtime-feed-container {
   padding: 20px;
-  max-width: 1500px;
+  width: 70vw;
   margin: 0 auto;
 }
 
@@ -70,8 +71,9 @@ onMounted(() => {
 }
 
 .feed-list {
+  overflow-x: hidden !important;
   overflow-y: auto;
-  overflow-x: hidden;
+  max-width: 100%;
   scrollbar-width: none; /* Firefox */
 }
 .feed-list::-webkit-scrollbar {