Use a <ha-card> instead of <div> .

src/frigate-card.scss

@@ -54,11 +54,6 @@
   border-color: var(--primary-color);
 }
 
-.frigate-card-container {
-  position: relative;
-  overflow: hidden;
-}
-
 .frigate-card-navbar {
   position: absolute;
   width: 50px;
@@ -89,7 +84,6 @@ ha-icon-button.button {
 
 ha-card {
   display: flex;
-  justify-content: center;
   flex-direction: column;
   margin: auto;
   overflow: hidden;

src/frigate-card.ts

@@ -482,10 +482,7 @@ export class FrigateCard extends LitElement {
       return this._showError(localize('common.show_error'));
     }
     return html`
-      <div 
+      <ha-card @click=${this._interactionHandler}>
-        class="frigate-card-container"
-        @click=${this._interactionHandler}
-      >
         ${this._renderNavigationBar()}
         ${this._viewMode == FrigateCardView.CLIPS ?
           html`<div class="frigate-card-gallery">
@@ -509,7 +506,7 @@ export class FrigateCard extends LitElement {
         }
         ${this._renderStatusBar()}
         ${this._renderLiveViewer()}
-      </div>`;
+      </ha-card>`;
   }
 
   // private _handleAction(ev: ActionHandlerEvent): void {