From 7330cb4e995d811afca5bdf97e9deb5262c31d6f Mon Sep 17 00:00:00 2001
From: barbapapazes <e.soubiran25@gmail.com>
Date: Sun, 23 Jun 2024 09:29:06 +0200
Subject: [PATCH] fix: hydration mismatch

---
 app/components/content/Activity.vue  | 12 ++++++------
 app/components/content/ProseIcon.vue |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/components/content/Activity.vue b/app/components/content/Activity.vue
index fc3906a..429319c 100644
--- a/app/components/content/Activity.vue
+++ b/app/components/content/Activity.vue
@@ -38,15 +38,15 @@ function formatDate(date: number) {
       I'm Idling on my computer with <strong>{{ codingActivity.name }}</strong> running in background.
     </span>
   </p>
-  <p
+  <div
     v-else
-    class="flex md:items-start gap-2"
+    class="my-5 flex md:items-start gap-2"
   >
     <UTooltip text="I'm offline 🫥">
-      <div class="cursor-not-allowed h-3 w-3 inline-flex rounded-full bg-red-500 mt-2" />
+      <span class="cursor-not-allowed h-3 w-3 inline-flex rounded-full bg-red-500 mt-2" />
     </UTooltip>
-    <span>
+    <p class="not-prose">
       I'm currently offline. Come back later to see what I'm working on.
-    </span>
-  </p>
+    </p>
+  </div>
 </template>
diff --git a/app/components/content/ProseIcon.vue b/app/components/content/ProseIcon.vue
index dfc7a84..5de3ab3 100644
--- a/app/components/content/ProseIcon.vue
+++ b/app/components/content/ProseIcon.vue
@@ -8,7 +8,7 @@ defineProps({
 </script>
 
 <template>
-  <div class="inline">
+  <span class="inline">
     <UIcon
       class="mb-1 mr-1"
       :name="icon"
@@ -17,5 +17,5 @@ defineProps({
     <span class="sofia font-medium underline decoration-neutral-300 dark:decoration-neutral-700">
       <slot />
     </span>
-  </div>
+  </span>
 </template>