fix css

pages/freemium/dashboard.vue

@@ -15,6 +15,9 @@
             <v-tabs-window-item value="future">
               <UiLoadingPanel v-if="statusUpcomingEvents == FETCHING_STATUS.PENDING" />
 
+              <span v-if="upcomingEvents.items.length == 0" class="no_event">
+                {{$t('no_future_event')}}
+              </span>
               <UiEventList
                 v-if="statusUpcomingEvents == FETCHING_STATUS.SUCCESS && upcomingEvents?.items"
                 :events="upcomingEvents.items"
@@ -22,13 +25,13 @@
                 @load="loadUpcomingEvents"
                 @edit="editEvent"
               />
-              <span v-if="upcomingEvents.items.length == 0" class="no_event">
-                {{$t('no_future_event')}}
-              </span>
+
             </v-tabs-window-item>
             <v-tabs-window-item value="past">
               <UiLoadingPanel v-if="statusPastEvents == FETCHING_STATUS.PENDING" />
-
+              <span v-if="pastEvents.items.length == 0" class="no_event">
+                {{$t('no_past_event')}}
+              </span>
               <UiEventList
                 v-if="statusPastEvents == FETCHING_STATUS.SUCCESS && pastEvents?.items"
                 :events="pastEvents.items"
@@ -36,9 +39,6 @@
                 @load="loadPastEvents"
                 @edit="editEvent"
               />
-              <span v-if="pastEvents.items.length == 0" class="no_event">
-                {{$t('no_past_event')}}
-              </span>
             </v-tabs-window-item>
           </v-tabs-window>
 
@@ -247,5 +247,6 @@ onUnmounted(() => {
 .no_event{
   padding: 25px;
   font-size: 16px;
+  display: block;
 }
 </style>