diff --git a/layouts/partials/list-blog.html b/layouts/partials/list-blog.html
index 5ecb11e4..73ed483e 100644
--- a/layouts/partials/list-blog.html
+++ b/layouts/partials/list-blog.html
@@ -4,7 +4,7 @@
       {{ with .Params }}
         {{ partial "components/superheading.html" . }}
       {{ end }}
-      <h1 class="text-4xl sm:text-5xl lg:text-6xl font-heading font-bold tracking-tight text-blue-950 dark:text-white">{{ if .Params.heading }}{{ .Params.heading | markdownify }}{{ else }}{{ .Title | markdownify }}{{ end }}</h1>
+      <h1 class="text-4xl sm:text-5xl lg:text-6xl font-heading font-bold tracking-tight text-blue-950 dark:text-white{{ if eq .Kind "term" }} capitalize{{ end }}">{{ if .Params.heading }}{{ .Params.heading | markdownify }}{{ else }}{{ .Title | markdownify }}{{ end }}</h1>
       {{ with .Params }}
         {{ partial "components/subheading.html" . }}
       {{ end }}
@@ -15,7 +15,7 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl font-heading font-bold tracking-tigh
     </div>
   </div>
   <div class="mx-auto max-w-md md:max-w-7xl pb-16 lg:pb-24">
-    <div class="mt-10 lg:mt-14 hidden">
+    <div class="mt-10 lg:mt-14">
       {{ partial "nav-categories.html" . }}    
     </div>
     {{ $paginator := .Paginator }}
diff --git a/layouts/partials/nav-categories.html b/layouts/partials/nav-categories.html
index 53561f2a..b1be91e1 100644
--- a/layouts/partials/nav-categories.html
+++ b/layouts/partials/nav-categories.html
@@ -1,11 +1,11 @@
-<div x-data="{ dropdown: false }" class="relative lg:hidden flex justify-center">
+<div x-data="{ dropdown: false }" class="relative lg:hidden flex justify-center capitalize">
   <button @click="dropdown = ! dropdown" type="button" 
-    :class="{ 'text-primary-600 dark:text-blue-600': dropdown, 'dark:text-white': !(dropdown) }"
-    class="relative group lg:hidden hover:text-primary-600 dark:hover:text-blue-600 bg-slate-50 dark:bg-primary-900 px-6 xl:px-8 py-2.5 tracking-wide rounded-full inline-flex items-center justify-center">
+    :class="{ 'text-blue-600': dropdown, '': !(dropdown) }"
+    class="relative group lg:hidden hover:text-blue-6000 bg-slate-50 dark:bg-primary-900 px-6 xl:px-8 py-2.5 tracking-wide rounded-full inline-flex items-center justify-center">
     <span>{{ i18n "categories" }}</span>
     <svg
-      :class="{ 'text-primary-600 dark:text-blue-600 rotate-180': dropdown, 'dark:text-white transform-none': !(dropdown) }"
-      class="text-primary-600 dark:text-blue-600 ml-0.5 mt-0.5 h-6 w-6 group-hover:text-primary-600 dark:group-hover:text-blue-600"
+      :class="{ 'text-blue-600 rotate-180': dropdown, ' transform-none': !(dropdown) }"
+      class="text-blue-600 ml-0.5 mt-0.5 h-6 w-6 group-hover:text-blue-600"
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 20 20"
       fill="currentColor"
@@ -29,17 +29,17 @@
     x-transition:leave-end="opacity-0 translate-y-1"
     @click.outside="dropdown = false"
    class="absolute z-10 top-14 min-w-[16rem] bg-white dark:bg-primary-900 rounded-xl shadow-xl hidden py-2.5">
-   <a class="{{ if in .Permalink "/blog/" }}text-primary-600 dark:text-blue-600{{ else }}dark:text-white{{ end }} hover:text-primary-600 dark:hover:text-blue-600 block px-5 py-3" href="{{ "/blog/" | relLangURL }}">{{ i18n "all_categories" }}</a>
+   <a class="{{ if in .Permalink "/blog/" }}text-blue-600{{ else }}{{ end }} hover:text-blue-6000 block px-5 py-3" href="{{ "/blog/" | relLangURL }}">{{ i18n "all_categories" }}</a>
    {{ range site.Taxonomies.categories }}
-      <a class="{{ if eq .Page.Permalink $.Permalink }}text-primary-600 dark:text-blue-600{{ else }}dark:text-white{{ end }} hover:text-primary-600 dark:hover:text-blue-600 block px-5 py-3" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
+      <a class="{{ if eq .Page.Permalink $.Permalink }}text-blue-600{{ else }}{{ end }} hover:text-blue-6000 block px-5 py-3" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
     {{ end }}
   </div>
 </div>
-<div class="hidden lg:flex lg:justify-center">
+<div class="hidden lg:flex lg:justify-center capitalize">
   <div class="flex space-x-1 justify-center font-normal text-sm bg-slate-50 dark:bg-primary-900 rounded-full p-2">
-    <a class="{{ if in .Permalink "/blog/" }}text-primary-600 dark:text-blue-600 bg-white dark:bg-blue-950 shadow-md{{ else }}text-slate-900 dark:text-white{{ end }} hover:bg-white dark:hover:bg-blue-950 px-6 xl:px-8 py-2.5 tracking-wide rounded-full font-medium" href="{{ "/blog/" | relLangURL }}">{{ i18n "all_categories" }}</a>
+    <a class="{{ if in .Permalink "/blog/" }}text-blue-600 bg-white shadow-md{{ else }}text-slate-900 {{ end }} hover:bg-white px-6 xl:px-8 py-2.5 tracking-wide rounded-full font-medium" href="{{ "/blog/" | relLangURL }}">{{ i18n "all_categories" }}</a>
     {{ range site.Taxonomies.categories }}
-      <a class="{{ if eq .Page.Permalink $.Permalink }}text-primary-600 dark:text-blue-600 bg-white dark:bg-blue-950 shadow-md{{ else }}text-slate-900 dark:text-white{{ end }} hover:bg-white dark:hover:bg-blue-950 px-6 xl:px-8 py-2.5 tracking-wide rounded-full font-medium" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
+      <a class="{{ if eq .Page.Permalink $.Permalink }}text-blue-600 bg-white shadow-md{{ else }}text-slate-900 {{ end }} hover:bg-white px-6 xl:px-8 py-2.5 tracking-wide rounded-full font-medium" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
     {{ end }}
   </div>
 </div>