diff --git a/src/App.vue b/src/App.vue
index ec6c778f..0bb4f2dc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,7 +19,7 @@ onMounted(() => {
 <template>
   <div
     ref="app"
-    class="flex h-dvh w-screen overflow-x-hidden bg-base-100 font-twemoji"
+    class="font-twemoji flex h-dvh w-screen overflow-x-hidden bg-base-100"
     :data-theme="theme"
   >
     <SetupPage v-if="!activeBackend"></SetupPage>
diff --git a/src/assets/FiraSans-Regular.ttf b/src/assets/FiraSans-Regular.ttf
new file mode 100644
index 00000000..6f806474
Binary files /dev/null and b/src/assets/FiraSans-Regular.ttf differ
diff --git a/src/assets/FiraSans-Regular.woff2 b/src/assets/FiraSans-Regular.woff2
deleted file mode 100644
index e766e06c..00000000
Binary files a/src/assets/FiraSans-Regular.woff2 and /dev/null differ
diff --git a/src/assets/NotoColorEmoji-flagsonly.ttf b/src/assets/NotoColorEmoji-flagsonly.ttf
new file mode 100644
index 00000000..6e1642ec
Binary files /dev/null and b/src/assets/NotoColorEmoji-flagsonly.ttf differ
diff --git a/src/assets/Twemoji.Mozilla.ttf b/src/assets/Twemoji.Mozilla.ttf
deleted file mode 100644
index 9f45178e..00000000
Binary files a/src/assets/Twemoji.Mozilla.ttf and /dev/null differ
diff --git a/src/assets/main.css b/src/assets/main.css
index 3962a9d5..aa17238c 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -3,12 +3,15 @@
 @tailwind utilities;
 
 @font-face {
-  font-family: 'Twemoji Mozilla';
-  src: url('./Twemoji.Mozilla.ttf') format('truetype');
+  font-family: 'NotoEmoji';
+  src: url('./NotoColorEmoji-flagsonly.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Fira Sans';
-  src: url('./FiraSans-Regular.woff2') format('woff2');
-  font-display: swap;
+  src: url('./FiraSans-Regular.ttf') format('truetype');
+}
+
+:root {
+  font-family: 'Fira Sans', 'NotoEmoji', 'system-ui';
 }
diff --git a/src/components/proxies/ProxyNodeCard.vue b/src/components/proxies/ProxyNodeCard.vue
index 5bf97cda..a57489d9 100644
--- a/src/components/proxies/ProxyNodeCard.vue
+++ b/src/components/proxies/ProxyNodeCard.vue
@@ -2,8 +2,8 @@
   <div
     :class="
       twMerge(
-        'flex cursor-pointer flex-wrap items-center justify-end gap-1 rounded-md bg-base-200 p-2 shadow-md transition sm:hover:scale-105',
-        props.active && 'bg-primary text-primary-content',
+        'flex cursor-pointer flex-wrap items-center justify-end gap-1 rounded-md bg-base-200 p-2 shadow-md sm:hover:scale-105',
+        active && 'bg-primary text-primary-content',
         truncateProxyName && isTruncated && 'tooltip text-left',
       )
     "
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 371c488c..845de8d7 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -14,11 +14,6 @@ export default {
       'xl': '1280px',
       '2xl': '1536px',
       '3xl': '1800px',
-    },
-    extend: {
-      fontFamily: {
-        twemoji: ['Fira Sans', 'Twemoji Mozilla', 'system-ui'],
-      },
     }
   },
   daisyui: {