diff --git a/package.json b/package.json
index 82b70710..7f96abab 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,6 @@
     "home-assistant-js-websocket": "^5.11.1",
     "lit-element": "^2.5.1",
     "lit-html": "^1.4.1",
-    "lit-transition": "^1.3.2",
     "zod": "^3.7.1"
   },
   "devDependencies": {
diff --git a/src/frigate-card.ts b/src/frigate-card.ts
index 203b515f..52fa32cb 100644
--- a/src/frigate-card.ts
+++ b/src/frigate-card.ts
@@ -16,7 +16,7 @@ import {
 
 import { NodePart } from "lit-html";
 import { until } from 'lit-html/directives/until.js';
-import { transition } from 'lit-transition';
+
 import {
   HomeAssistant,
   fireEvent,
@@ -134,11 +134,10 @@ export class FrigateCardMenu extends LitElement {
   // Render the menu.
   protected render(): TemplateResult | void | ((part: NodePart) => Promise<void>) {
     if (!this.expand) {
-      return transition(
-        html`
-          <div class="frigate-card-menu">
-            ${this._renderFrigateButton()}
-          </div>`);
+      return html`
+        <div class="frigate-card-menu">
+          ${this._renderFrigateButton()}
+        </div>`;
     }
     
     let motionIcon: string | null = null;
@@ -146,8 +145,7 @@ export class FrigateCardMenu extends LitElement {
       motionIcon = this.hass.states[this.motionEntity]?.state == "on" ? "mdi:motion-sensor" : "mdi:walk";
     }
 
-    return transition(
-      html`
+    return html`
       <div class="frigate-card-menu-container">
         <div
             class="frigate-card-menu-expanded"