diff --git a/src/scss/card.scss b/src/scss/card.scss
index abcec559..90d3d6a9 100644
--- a/src/scss/card.scss
+++ b/src/scss/card.scss
@@ -10,6 +10,11 @@
   margin: auto;
   display: flex;
   justify-content: center;
+
+  // Need to apply the border radius on the container level, as the ha-card has
+  // overflow visible in order to allow a submenu to extend beyond the card
+  // boundary.
+  border-radius: var(--ha-card-border-radius, 4px);
 }
 
 .frigate-card-contents {