diff --git a/src/card.ts b/src/card.ts
index fd071e94..0b52e727 100644
--- a/src/card.ts
+++ b/src/card.ts
@@ -9,8 +9,6 @@ import {
 } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators';
 import { classMap } from 'lit/directives/class-map.js';
-import { View } from './view';
-import { FrigateCardMenu } from './components/menu';
 import {
   HomeAssistant,
   LovelaceCardEditor,
@@ -19,15 +17,6 @@ import {
   stateIcon,
 } from 'custom-card-helpers';
 
-import './editor';
-import './components/live';
-import './components/menu';
-import './components/message';
-import './components/gallery';
-import './components/viewer';
-
-import cardStyle from './scss/card.scss';
-
 import {
   MenuButton,
   frigateCardConfigSchema,
@@ -37,10 +26,21 @@ import type {
   ExtendedHomeAssistant,
   FrigateCardConfig,
 } from './types';
+
 import { CARD_VERSION } from './const';
+import { FrigateCardMenu } from './components/menu';
+import { View } from './view';
+import { getParseErrorKeys } from './common';
 import { localize } from './localize/localize';
 
-import { getParseErrorKeys } from './common';
+import './editor';
+import './components/gallery';
+import './components/live';
+import './components/menu';
+import './components/message';
+import './components/viewer';
+
+import cardStyle from './scss/card.scss';
 
 /* eslint no-console: 0 */
 console.info(
diff --git a/src/components/gallery.ts b/src/components/gallery.ts
index 52fe8965..ec276b1d 100644
--- a/src/components/gallery.ts
+++ b/src/components/gallery.ts
@@ -2,22 +2,20 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators';
 import { until } from 'lit/directives/until.js';
-
-import { renderMessage, renderErrorMessage, renderProgressIndicator } from './message';
-
 import { HomeAssistant } from 'custom-card-helpers';
 
-import galleryStyle from '../scss/gallery.scss';
-
 import type {
   BrowseMediaSource,
   BrowseMediaQueryParameters,
   ExtendedHomeAssistant,
 } from '../types';
-import { localize } from '../localize/localize';
 
-import { browseMedia, browseMediaQuery, getFirstTrueMediaChildIndex } from '../common';
 import { View } from '../view';
+import { browseMedia, browseMediaQuery, getFirstTrueMediaChildIndex } from '../common';
+import { localize } from '../localize/localize';
+import { renderMessage, renderErrorMessage, renderProgressIndicator } from './message';
+
+import galleryStyle from '../scss/gallery.scss';
 
 @customElement('frigate-card-gallery')
 export class FrigateCardGallery extends LitElement {
diff --git a/src/components/live.ts b/src/components/live.ts
index 41f29dee..19fa0ecc 100644
--- a/src/components/live.ts
+++ b/src/components/live.ts
@@ -1,22 +1,23 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators';
 import { until } from 'lit/directives/until.js';
+import { HomeAssistant } from 'custom-card-helpers';
+
+import { signedPathSchema } from '../types';
+import type { ExtendedHomeAssistant, FrigateCardConfig } from '../types';
+
+import { localize } from '../localize/localize';
+import { homeAssistantWSRequest } from '../common';
 import {
   renderMessage,
   renderErrorMessage,
   renderProgressIndicator,
 } from '../components/message';
-import { HomeAssistant } from 'custom-card-helpers';
-
-import liveStyle from '../scss/live.scss';
-
-import { signedPathSchema } from '../types';
-import type { ExtendedHomeAssistant, FrigateCardConfig } from '../types';
-import { localize } from '../localize/localize';
-import { homeAssistantWSRequest } from '../common';
 
 import JSMpeg from '@cycjimmy/jsmpeg-player';
 
+import liveStyle from '../scss/live.scss';
+
 @customElement('frigate-card-live')
 export class FrigateCardViewer extends LitElement {
   @property({ attribute: false })
diff --git a/src/components/menu.ts b/src/components/menu.ts
index 41ef6d40..deb15256 100644
--- a/src/components/menu.ts
+++ b/src/components/menu.ts
@@ -2,11 +2,11 @@ import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators';
 import { classMap } from 'lit/directives/class-map.js';
 
-import menuStyle from '../scss/menu.scss';
-
 import { MenuButton } from '../types';
 import type { FrigateMenuMode } from '../types';
 
+import menuStyle from '../scss/menu.scss';
+
 type FrigateCardMenuCallback = (name: string) => void;
 
 // A menu for the Frigate card.
diff --git a/src/components/message.ts b/src/components/message.ts
index cb9683ec..939bb0ae 100644
--- a/src/components/message.ts
+++ b/src/components/message.ts
@@ -1,6 +1,8 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators';
+
 import { localize } from '../localize/localize';
+
 import messageStyle from '../scss/message.scss';
 
 const URL_TROUBLESHOOTING =
diff --git a/src/components/next-prev-control.ts b/src/components/next-prev-control.ts
index 120e6dcf..b9f68e91 100644
--- a/src/components/next-prev-control.ts
+++ b/src/components/next-prev-control.ts
@@ -1,10 +1,13 @@
- import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
+import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators';
 import { classMap } from 'lit/directives/class-map';
-import controlStyle from '../scss/next-previous-control.scss';
+
 import { BrowseMediaSource, NextPreviousControlStyle } from '../types';
+
 import { View } from '../view';
 
+import controlStyle from '../scss/next-previous-control.scss';
+
 @customElement('frigate-card-next-previous-control')
 export class FrigateCardMessage extends LitElement {
   @property({ attribute: false })
diff --git a/src/components/viewer.ts b/src/components/viewer.ts
index 2b294503..a9db985a 100644
--- a/src/components/viewer.ts
+++ b/src/components/viewer.ts
@@ -1,15 +1,10 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators';
 import { until } from 'lit/directives/until.js';
-import { View } from '../view';
-import {
-  renderMessage,
-  renderErrorMessage,
-  renderProgressIndicator,
-} from '../components/message';
 import { HomeAssistant } from 'custom-card-helpers';
 
-import viewerStyle from '../scss/viewer.scss';
+import dayjs from 'dayjs';
+import dayjs_custom_parse_format from 'dayjs/plugin/customParseFormat';
 
 import { resolvedMediaSchema } from '../types';
 import type {
@@ -29,11 +24,17 @@ import {
   homeAssistantWSRequest,
 } from '../common';
 
-import dayjs from 'dayjs';
-import dayjs_custom_parse_format from 'dayjs/plugin/customParseFormat';
+import { View } from '../view';
+import {
+  renderMessage,
+  renderErrorMessage,
+  renderProgressIndicator,
+} from '../components/message';
 
 import './next-prev-control';
 
+import viewerStyle from '../scss/viewer.scss';
+
 // Load dayjs plugin(s).
 dayjs.extend(dayjs_custom_parse_format);