diff --git a/src/components/thumbnail-carousel.ts b/src/components/thumbnail-carousel.ts
index e0ab4225..35bcfc2a 100644
--- a/src/components/thumbnail-carousel.ts
+++ b/src/components/thumbnail-carousel.ts
@@ -44,7 +44,7 @@ export class FrigateCardThumbnailCarousel extends FrigateCardCarousel {
   set highlight_selected(value: boolean) {
     this.style.setProperty(
       '--frigate-card-carousel-thumbnail-opacity',
-      value ? '0.6' : '1.0',
+      value ? '0.4' : '1.0',
     );
   }
 
diff --git a/src/scss/thumbnail-carousel.scss b/src/scss/thumbnail-carousel.scss
index d98c7bed..f34aca5d 100644
--- a/src/scss/thumbnail-carousel.scss
+++ b/src/scss/thumbnail-carousel.scss
@@ -1,5 +1,9 @@
 :host {
   --frigate-card-carousel-thumbnail-opacity: 0.8;
+
+  // In fullscreen mode, without explicitly setting the height to auto Chrome
+  // will construct a stylesheet with 100% height.
+  height: auto;
 }
 
 .embla__slide {