diff --git a/README.md b/README.md
index d09506af..7459dc98 100644
--- a/README.md
+++ b/README.md
@@ -956,6 +956,24 @@ View events in the timeline.
 
 <img src="https://raw.githubusercontent.com/dermotduffy/frigate-hass-card/main/images/timeline.gif" alt="Event Timeline" width="400px">
 
+### Single Camera Recordings
+
+View recordings for a camera across time:
+
+<img src="https://raw.githubusercontent.com/dermotduffy/frigate-hass-card/main/images/recording-seek.gif" alt="Recording for single camera" width="400px">
+
+### Multiple Camera Recordings
+
+View recordings for multiple cameras at a given time:
+
+<img src="https://raw.githubusercontent.com/dermotduffy/frigate-hass-card/main/images/recording-seek-all-cameras.gif" alt="Recording for multiple cameras" width="400px">
+
+### Dark Mode
+
+Dim the card when not used.
+
+<img src="https://raw.githubusercontent.com/dermotduffy/frigate-hass-card/main/images/dark-mode.gif" alt="Card dark mode" width="400px">
+
 <a name="screenshots-card-casting"></a>
 
 ### Card Casting
diff --git a/images/dark-mode.gif b/images/dark-mode.gif
new file mode 100644
index 00000000..cf21c4f8
Binary files /dev/null and b/images/dark-mode.gif differ
diff --git a/images/recording-seek-all-cameras.gif b/images/recording-seek-all-cameras.gif
new file mode 100644
index 00000000..4878c5a8
Binary files /dev/null and b/images/recording-seek-all-cameras.gif differ
diff --git a/images/recording-seek.gif b/images/recording-seek.gif
new file mode 100644
index 00000000..26573faf
Binary files /dev/null and b/images/recording-seek.gif differ
diff --git a/src/components/timeline.ts b/src/components/timeline.ts
index 7b222d20..f0b4359e 100644
--- a/src/components/timeline.ts
+++ b/src/components/timeline.ts
@@ -583,9 +583,11 @@ export class FrigateCardTimelineCore extends LitElement {
     const children: FrigateBrowseMediaSource[] = [];
     const processedCameras: Set<string> = new Set();
 
-    for (const [camera, recording] of results.entries()) {
+    // Get results in the order the cameras are specified in the configuration.
+    for (const camera of (this.cameras?.keys() || [])) {
+      const recording = results.get(camera);
       const config = this.cameras?.get(camera);
-      if (!config?.camera_name) {
+      if (!recording || !config?.camera_name) {
         continue;
       }