diff --git a/src/views/CategoryView.vue b/src/views/CategoryView.vue
index c1c920e..fb7121a 100644
--- a/src/views/CategoryView.vue
+++ b/src/views/CategoryView.vue
@@ -98,14 +98,14 @@ export default {
 
               <ul class="mb-5">
                 <li v-for="tag in data.tags" :key="tag" class="inline-flex">
-                  <span class="p-1 py-0.5 mr-1 text-sm font-bold bg-overlay1 rounded-sm">{{
+                  <span class="p-1 py-0.5 mr-1 text-sm text-contrast font-bold bg-overlay1 rounded-sm">{{
                     tag
                   }}</span>
                 </li>
               </ul>
             </div>
           </div>
-          <p class="text-md text-neutral overflow-y-auto hidden md:block">
+          <p class="text-md text-contrast overflow-y-auto hidden md:block">
             {{ data.description }}
           </p>
         </div>
@@ -124,14 +124,14 @@ export default {
 
           <ul class="mb-5">
             <li v-for="tag in data.tags" :key="tag" class="inline-flex">
-              <span class="text-white p-1 py-0.5 mr-1 text-sm font-bold bg-overlay1 rounded-sm">{{
+              <span class="text-contrast p-1 py-0.5 mr-1 text-sm font-bold bg-overlay1 rounded-sm">{{
                 tag
               }}</span>
             </li>
           </ul>
         </div>
       </div>
-      <p class="text-md text-gray-400 overflow-y-auto md:hidden">{{ data.description }}</p>
+      <p class="text-md text-contrast overflow-y-auto md:hidden">{{ data.description }}</p>
     </div>
 
     <div class="max-w-[58rem] mx-auto">