fix: gaps

src/views/PublicNoteListView.vue

@@ -41,11 +41,13 @@ const { notes, isLoading, canLoadMore, onLoadMore, getAuthor } =
               >
                 {{ getAuthor(note.did) }}
               </router-link>
-              <span v-if="note.publishedAt"
-                >&nbsp;•&nbsp;{{
+
+              <template v-if="note.publishedAt">
+                <span>&nbsp;•&nbsp;</span>
+                <span>{{
                   new Date(note.publishedAt).toLocaleDateString()
-                }}
-              </span>
+                }}</span>
+              </template>
               <div v-else class="skeleton h-4 w-20"></div>
             </div>
           </div>

src/views/PublicNoteView.vue

@@ -98,7 +98,10 @@ watch(
           >
             {{ author.handle }}
           </router-link>
-          <span v-if="publishedAt">&nbsp;•&nbsp;{{ publishedAt }}</span>
+          <template v-if="publishedAt">
+            <span>&nbsp;•&nbsp;</span>
+            <span>{{ publishedAt }}</span>
+          </template>
         </span>
         <div class="badge skeleton h-4 w-50" v-else></div>
       </div>