diff --git a/aircox/static/aircox/css/admin.css b/aircox/static/aircox/css/admin.css
index 43976d0..e7ac9d6 100644
--- a/aircox/static/aircox/css/admin.css
+++ b/aircox/static/aircox/css/admin.css
@@ -26,7 +26,7 @@
   --a-carousel-ml: calc(1.2rem - 0.5rem);
   --a-carousel-gap: 1.2rem;
   --a-carousel-nav-x: -0.6em;
-  --a-carousel-bg: var(--hg-color-alpha);
+  --a-carousel-bg: var(--secondary-color-light);
   --a-progress-bg: transparent;
   --a-progress-bar-bg: var(--hg-color-2);
   --a-progress-bar-color: var(--hg-color);
@@ -206,12 +206,14 @@
 .list-item .headings .heading {
   padding: 0rem;
 }
-.list-item .headings .title {
+.list-item .title {
   flex-grow: 1;
 }
 .list-item .subtitle {
   font-size: var(--preview-title-sz);
   text-align: right;
+  min-width: 8rem;
+  text-decoration: underline;
 }
 .list-item .media {
   flex-grow: 1;
@@ -313,7 +315,7 @@ preview-header:not(.no-cover) .card-headings .heading, preview-header:not(.no-co
   }
 }
 .a-carousel .a-carousel-viewport {
-  background-color: var(--a-carousel-bg);
+  box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
   margin-bottom: var(--a-carousel-p);
   padding: var(--a-carousel-p) 0;
   padding-left: var(--a-carousel-ml);
diff --git a/aircox/static/aircox/css/chunk-common.css b/aircox/static/aircox/css/chunk-common.css
index dc15c11..89d71a8 100644
--- a/aircox/static/aircox/css/chunk-common.css
+++ b/aircox/static/aircox/css/chunk-common.css
@@ -6977,7 +6977,7 @@ input.half-field:not(:active):not(:hover) {
   --main-color-dark: #F49F0A;
   --secondary-color: #00A6A6;
   --secondary-color-light: #00A6A6B3;
-  --secondary-color-dark: #057ba8;
+  --secondary-color-dark: #007ba8;
   --disabled-color: #aaa;
   --disabled-bg: #eee;
   --link-fg: #00A6A6;
@@ -6992,7 +6992,7 @@ input.half-field:not(:active):not(:hover) {
   --nav-secondary-height: 2.5rem;
   --nav-bg: var(--main-color);
   --nav-fg: var(--text-color);
-  --nav-active-bg: var(--main-color-dark);
+  --nav-active-bg: var(--secondary-color);
   --nav-active-fg: var(--text-color);
   --nav-fs: 1rem;
   --nav-2-fs: 0.8rem;
diff --git a/aircox/static/aircox/css/chunk-vendors.css b/aircox/static/aircox/css/chunk-vendors.css
index 9560e9f..b89f7dd 100644
--- a/aircox/static/aircox/css/chunk-vendors.css
+++ b/aircox/static/aircox/css/chunk-vendors.css
@@ -1211,7 +1211,7 @@
   background-color: var(--vc-bg);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-hg-color: transparent;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .vc-container,
diff --git a/aircox/static/aircox/css/public.css b/aircox/static/aircox/css/public.css
index 955e2e3..86b1154 100644
--- a/aircox/static/aircox/css/public.css
+++ b/aircox/static/aircox/css/public.css
@@ -26,7 +26,7 @@
   --a-carousel-ml: calc(1.2rem - 0.5rem);
   --a-carousel-gap: 1.2rem;
   --a-carousel-nav-x: -0.6em;
-  --a-carousel-bg: var(--hg-color-alpha);
+  --a-carousel-bg: var(--secondary-color-light);
   --a-progress-bg: transparent;
   --a-progress-bar-bg: var(--hg-color-2);
   --a-progress-bar-color: var(--hg-color);
@@ -206,12 +206,14 @@
 .list-item .headings .heading {
   padding: 0rem;
 }
-.list-item .headings .title {
+.list-item .title {
   flex-grow: 1;
 }
 .list-item .subtitle {
   font-size: var(--preview-title-sz);
   text-align: right;
+  min-width: 8rem;
+  text-decoration: underline;
 }
 .list-item .media {
   flex-grow: 1;
@@ -313,7 +315,7 @@ preview-header:not(.no-cover) .card-headings .heading, preview-header:not(.no-co
   }
 }
 .a-carousel .a-carousel-viewport {
-  background-color: var(--a-carousel-bg);
+  box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
   margin-bottom: var(--a-carousel-p);
   padding: var(--a-carousel-p) 0;
   padding-left: var(--a-carousel-ml);
@@ -7477,11 +7479,7 @@ a.tag:hover {
   text-align: center;
   font-family: var(--heading-font-family);
   text-transform: uppercase;
-}
-.nav .nav-item a, .nav .nav-item .button {
-  color: var(--nav-fg);
-  display: block;
-  width: 100%;
+  color: var(--nav-fg) !important;
 }
 .nav .nav-item .icon:first-child, .nav .nav-item .icon + span {
   text-align: center;
@@ -7680,12 +7678,12 @@ nav li a, nav li .button {
 .list-item.logs .track .icon {
   color: var(--secondary-color-dark);
 }
-.list-item:nth-child(3n) {
+.list-item:nth-child(3n):not(.wide) {
   padding: 0.6rem;
   border-radius: 0.4rem;
   border: 1px solid var(--main-color-dark) !important;
 }
-.list-item:nth-child(3n+1) {
+.list-item:nth-child(3n+1):not(.wide) {
   border-radius: 0.4rem;
   border: 1px solid var(--secondary-color-dark) !important;
 }
diff --git a/assets/src/assets/common.scss b/assets/src/assets/common.scss
index f116e3b..e8f84aa 100644
--- a/assets/src/assets/common.scss
+++ b/assets/src/assets/common.scss
@@ -21,7 +21,7 @@ input.half-field:not(:active):not(:hover) {
     --main-color-dark: #F49F0A;
     --secondary-color: #00A6A6;
     --secondary-color-light: #00A6A6B3;
-    --secondary-color-dark: #057ba8;
+    --secondary-color-dark: #007ba8;
 
     --disabled-color: #aaa;
     --disabled-bg: #eee;
@@ -39,7 +39,7 @@ input.half-field:not(:active):not(:hover) {
     --nav-secondary-height: 2.5rem;
     --nav-bg: var(--main-color);
     --nav-fg: var(--text-color);
-    --nav-active-bg: var(--main-color-dark);
+    --nav-active-bg: var(--secondary-color);
     --nav-active-fg: var(--text-color);
     --nav-fs: 1rem;
     --nav-2-fs: 0.8rem;
diff --git a/assets/src/assets/components.scss b/assets/src/assets/components.scss
index 1ca3827..d65df5a 100644
--- a/assets/src/assets/components.scss
+++ b/assets/src/assets/components.scss
@@ -28,7 +28,7 @@
     --a-carousel-ml: calc(#{v.$mp-4} - 0.5rem);
     --a-carousel-gap: #{v.$mp-4};
     --a-carousel-nav-x: -#{v.$mp-3e};
-    --a-carousel-bg: var(--hg-color-alpha);
+    --a-carousel-bg: var(--secondary-color-light);
 
     --a-progress-bg: transparent;
     --a-progress-bar-bg: var(--hg-color-2);
@@ -322,15 +322,15 @@
             padding: 0rem;
         }
 
-        .title {
-            flex-grow: 1;
-        }
     }
 
+    .title { flex-grow: 1; }
     .subtitle {
         font-size: var(--preview-title-sz);
         // background-color: var(--preview-heading-bg-color);
         text-align: right;
+        min-width: 8rem;
+        text-decoration: underline;
     }
 
     .media {
@@ -467,7 +467,8 @@
 // ---- ---- Carousel
 .a-carousel {
     .a-carousel-viewport {
-        background-color: var(--a-carousel-bg);
+        box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
+        // background-color: var(--a-carousel-bg);
         margin-bottom: var(--a-carousel-p);
         padding: var(--a-carousel-p) 0;
         padding-left: var(--a-carousel-ml);
diff --git a/assets/src/assets/public.scss b/assets/src/assets/public.scss
index 970d89f..5f6277a 100644
--- a/assets/src/assets/public.scss
+++ b/assets/src/assets/public.scss
@@ -153,12 +153,7 @@
 
         font-family: var(--heading-font-family);
         text-transform: uppercase;
-
-        a, .button {
-            color: var(--nav-fg);
-            display: block;
-            width: 100%;
-        }
+        color: var(--nav-fg) !important;
 
         .icon:first-child, .icon + span {
             text-align: center;
@@ -417,13 +412,13 @@ nav li {
         }
     }
 
-    &:nth-child(3n) {
+    &:nth-child(3n):not(.wide) {
         padding: v.$mp-3;
         border-radius: v.$mp-2;
         border: 1px solid var(--main-color-dark) !important;
     }
 
-    &:nth-child(3n+1) {
+    &:nth-child(3n+1):not(.wide) {
         border-radius: v.$mp-2;
         border: 1px solid var(--secondary-color-dark) !important;
     }