diff --git a/src/frigate-hass-card-menu.scss b/src/frigate-hass-card-menu.scss
index 2c84a482..a2a46c31 100644
--- a/src/frigate-hass-card-menu.scss
+++ b/src/frigate-hass-card-menu.scss
@@ -2,7 +2,7 @@
 .frigate-card-menu-base {
   z-index: 1;
   height: 56px;
-
+  overflow: hidden;
   /* Menu div itself does not handle click events. Without this, in overlay
      mode, the menu div prevents clicking on gallery items 'behind' the overlay.
      */
diff --git a/src/frigate-hass-card.scss b/src/frigate-hass-card.scss
index 713b90c6..c8d3bff4 100644
--- a/src/frigate-hass-card.scss
+++ b/src/frigate-hass-card.scss
@@ -7,14 +7,14 @@
 
 .frigate-card-viewer {
   width: 100%;
+  max-height: 277px;        /* Max Lovelace 16/9 video height */
 }
 
 .frigate-card-gallery {
   overflow: auto;
-  aspect-ratio: 16 / 9;
+  max-height: 277px;        /* Max Lovelace 16/9 video height */
   -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */
   scrollbar-width: none;    /* Hide scrollbar: Firefox */
-  max-height: 277px;        /* Safari does not support aspect-ratio yet */
 }
 
 /* Hide scrollbar for Chrome, Safari and Opera */