diff --git a/src/components/comments/Comment.vue b/src/components/comments/Comment.vue
index 920ab7b..9c249fa 100644
--- a/src/components/comments/Comment.vue
+++ b/src/components/comments/Comment.vue
@@ -8,7 +8,7 @@
           •
         </template>
         <span class="comment__page">Page {{ comment.file.pageIndex }}</span>
-        <time :datetime="dayjs(comment.date).format('YYYY-MM-DD')">{{
+        <time class="comment__date" :datetime="dayjs(comment.date).format('YYYY-MM-DD')">{{
           formatDate(comment.date)
         }}</time>
       </p>
@@ -137,6 +137,11 @@ async function readNotification(notificationId) {
 .comment[data-opened="true"] .comment__replies {
   color: var(--color-primary);
 }
+.comment__id,
+.comment__page,
+.comment__date {
+  flex-shrink: 0;
+}
 .comment__ctas > * {
   --border-color: transparent;
   margin-right: var(--space-4);