diff --git a/components/navbar.vue b/components/navbar.vue
index 1eba5ed..de492e3 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -171,7 +171,9 @@
                         ]"
                         href="https://affiliate.notion.so/ljj2keff2qry"
                     >
-                        <span :style="'font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'">❤️</span> Partner app we love: Notion
+                        <span 
+                            class="font-emoji"
+                        >❤️</span> Partner app we love: Notion
                     </a>
                 </div>
             </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index d8c857e..0286753 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -79,6 +79,7 @@ module.exports = {
             fontFamily: {
                 primary: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
                 secondary: 'Inter, Georgia, Cambria, "Times New Roman", Times, serif',
+                emoji: 'sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
             },
             letterSpacing: {
                 wide: '0.3em',