diff --git a/src/app/_components/IconButton.tsx b/src/app/_components/IconButton.tsx
index d478c2e..738ff67 100644
--- a/src/app/_components/IconButton.tsx
+++ b/src/app/_components/IconButton.tsx
@@ -108,7 +108,9 @@ export const IconButton = ({
       {showRepeatIcon != null && <RepeatIcon />}
       {showRandomIcon != null && <RandomIcon />}
       {showCatIcon != null && <CatIcon />}
-      <Text className="text-lg text-orange-900">{displayText}</Text>
+      <Text className="text-right font-inter text-lg font-black text-orange-900">
+        {displayText}
+      </Text>
     </Button>
   );
 };
diff --git a/tailwind.config.ts b/tailwind.config.ts
index f38909b..4a74f26 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,5 +7,12 @@ const config: Config = {
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   plugins: [],
+  theme: {
+    extend: {
+      fontFamily: {
+        inter: ['Inter', 'sans-serif'],
+      },
+    },
+  },
 };
 export default config;