diff --git a/modules/wowchemy-tailwind/assets/css/blocks/about.avatar.css b/modules/wowchemy-tailwind/assets/css/blocks/about.avatar.css
index cd43e0a6..c8345c9f 100644
--- a/modules/wowchemy-tailwind/assets/css/blocks/about.avatar.css
+++ b/modules/wowchemy-tailwind/assets/css/blocks/about.avatar.css
@@ -100,7 +100,7 @@
   }
 
   .dark .portrait-title h3 {
-    color: rgba(255, 255, 255, 0.9);
+    color: rgb(255 255 255 / 90%);
     font-weight: bold;
   }
 
@@ -134,11 +134,11 @@
   font-size: 20px;
   background-color: #fff;
   color: #000; /* override parent alpha */
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 10px 20px rgb(0 0 0 / 4%), 0 2px 6px rgb(0 0 0 / 4%), 0 0 1px rgb(0 0 0 / 4%);
 }
 
 
 .dark .avatar-emoji {
   background-color: #000;
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(255, 255, 255, 0.96);
+  box-shadow: 0 10px 20px rgb(0 0 0 / 4%), 0 2px 6px rgb(0 0 0 / 4%), 0 0 1px rgb(255 255 255 / 96%);
 }
diff --git a/modules/wowchemy-tailwind/assets/css/components/page.css b/modules/wowchemy-tailwind/assets/css/components/page.css
index d3a64aaf..1acc03d1 100644
--- a/modules/wowchemy-tailwind/assets/css/components/page.css
+++ b/modules/wowchemy-tailwind/assets/css/components/page.css
@@ -27,9 +27,9 @@
   height: 260px;
   object-fit: cover;
 
-  /*@include media-breakpoint-up(lg) {*/
-  /*  height: 310px; !* Increased height on desktop *!*/
-  /*}*/
+  /* @include media-breakpoint-up(lg) { */
+  /*  height: 310px; !* Increased height on desktop *! */
+  /* } */
 }
 
 .featured-image-wrapper {
diff --git a/modules/wowchemy-tailwind/assets/css/styles.css b/modules/wowchemy-tailwind/assets/css/styles.css
index 3de89007..374ee7df 100644
--- a/modules/wowchemy-tailwind/assets/css/styles.css
+++ b/modules/wowchemy-tailwind/assets/css/styles.css
@@ -1,6 +1,6 @@
 /* Import Tailwind */
 @import "./tailwind.css";
 
-/*!* Import Wowchemy components *!*/
+/*! Wowchemy Components | https://wowchemy.com */
 @import "./components/all.css";
 @import "./blocks/all.css";
diff --git a/modules/wowchemy-tailwind/layouts/_default/list.html b/modules/wowchemy-tailwind/layouts/_default/list.html
index 955ef5d1..277f4362 100644
--- a/modules/wowchemy-tailwind/layouts/_default/list.html
+++ b/modules/wowchemy-tailwind/layouts/_default/list.html
@@ -22,7 +22,7 @@
         {{end}}
       </div>
       <div class="p-8">
-        <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">{{ .Title }}</div>
+        <div class="uppercase tracking-wide text-sm text-indigo-700 dark:text-indigo-200 font-semibold">{{ .Title }}</div>
         <p class="block mt-1 text-md leading-tight font-medium text-black dark:text-white">
           {{ (.Params.summary | default .Summary) | plainify | htmlUnescape | chomp -}}
         </p>
diff --git a/modules/wowchemy-tailwind/layouts/_default/section.html b/modules/wowchemy-tailwind/layouts/_default/section.html
index e00597e7..4dca6f19 100644
--- a/modules/wowchemy-tailwind/layouts/_default/section.html
+++ b/modules/wowchemy-tailwind/layouts/_default/section.html
@@ -22,7 +22,7 @@
       {{end}}
     </div>
     <div class="p-8">
-      <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">{{ .Title }}</div>
+      <div class="uppercase tracking-wide text-sm text-indigo-700 dark:text-indigo-200 font-semibold">{{ .Title }}</div>
       <p class="block mt-1 text-md leading-tight font-medium text-black dark:text-white">
         {{ (.Params.summary | default .Summary) | plainify | htmlUnescape | chomp -}}
       </p>
diff --git a/modules/wowchemy-tailwind/layouts/partials/views/card.html b/modules/wowchemy-tailwind/layouts/partials/views/card.html
index 7ddbe247..c4ed55a8 100644
--- a/modules/wowchemy-tailwind/layouts/partials/views/card.html
+++ b/modules/wowchemy-tailwind/layouts/partials/views/card.html
@@ -13,7 +13,7 @@
       {{end}}
     </div>
     <div class="p-8">
-      <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">{{ $item.Title }}</div>
+      <div class="uppercase tracking-wide text-sm text-indigo-700 dark:text-indigo-200 font-semibold">{{ $item.Title }}</div>
       <p class="block mt-1 text-md leading-tight font-medium text-black dark:text-white">
         {{ ($item.Params.summary | default $item.Summary) | plainify | htmlUnescape | chomp -}}
       </p>