diff --git a/src/components/HeaderNote.vue b/src/components/HeaderNote.vue
index 4b8b146..826b73f 100644
--- a/src/components/HeaderNote.vue
+++ b/src/components/HeaderNote.vue
@@ -32,7 +32,7 @@ defineProps<{ user: string; repo: string }>()
       </svg>
     </router-link> -->
 
-    <button class="btn btn-ghost btn-circle" onclick="font_modal.showModal()">
+    <button class="btn btn-ghost btn-circle text-base-content" onclick="font_modal.showModal()">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         class="icon icon-tabler icons-tabler-outline icon-tabler-typography"
diff --git a/src/components/HomeButton.vue b/src/components/HomeButton.vue
index 52be427..9dad154 100644
--- a/src/components/HomeButton.vue
+++ b/src/components/HomeButton.vue
@@ -6,7 +6,7 @@ const goHome = () => router.push({ name: "Home" })
 </script>
 
 <template>
-  <button class="btn btn-ghost btn-circle btn-lg" @click="goHome">
+  <button class="btn btn-ghost btn-circle btn-lg text-base-content" @click="goHome">
     <img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
   </button>
 </template>