Go with a cleaner menu bar.

src/frigate-card.scss

@@ -11,8 +11,9 @@
   overflow: auto;
   position: absolute;
 
-  left: 55px;
+  left: 0px;
   right: 0px;
+  top: 0px;
   height: 100%;
 
  -ms-overflow-style: none;  // Hide scrollbar: IE and Edge
@@ -32,7 +33,7 @@
 }
 
 .frigate-card-image-list {
-  @include image-list.standard-columns(4);
+  @include image-list.standard-columns(5);
   @include image-list.shape-radius(5px);
 }
 
@@ -54,28 +55,26 @@
   border-color: var(--primary-color);
 }
 
-.frigate-card-navbar {
+.frigate-card-menubar {
   position: absolute;
   top: 0px;
-  width: 50px;
   z-index: 1;
+  height: 56px;
+  width: 50px;
 }
 
-.frigate-card-statusbar {
-  @extend .frigate-card-navbar;
-  right: 3px;
-}
-
-.frigate-card-statusbar-webrtc {
-  @extend .frigate-card-navbar;
-  left: 53px;
+.frigate-card-menubar-full {
+  @extend .frigate-card-menubar;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.6);
 }
 
 ha-icon-button.button {
   position: relative;
-  z-index: 2;
-  opacity: 50%;
-  background-color: rgba(0, 0, 0, 0.3);
+  z-index: 10;
+  color: white;
+  opacity: 0.8;
+  background-color: rgba(0, 0, 0, 0.6);
   border-radius: 50%;
   padding: 0px;
   margin: 3px;