diff --git a/client/src/components/EpisodePlaybackDetails.tsx b/client/src/components/EpisodePlaybackDetails.tsx
index 5fba194b..90fac67a 100644
--- a/client/src/components/EpisodePlaybackDetails.tsx
+++ b/client/src/components/EpisodePlaybackDetails.tsx
@@ -23,6 +23,7 @@ const EpisodePlaybackDetails = ({ episode }: EpisodePlaybackDetailsProps) => {
 
 fragmentRegistry.register(gql`
   fragment EpisodePlaybackDetails_episode on Episode {
+    id
     name
     show {
       id
diff --git a/client/src/components/TrackPlaybackDetails.tsx b/client/src/components/TrackPlaybackDetails.tsx
index 198bb373..13b492ac 100644
--- a/client/src/components/TrackPlaybackDetails.tsx
+++ b/client/src/components/TrackPlaybackDetails.tsx
@@ -91,6 +91,7 @@ fragmentRegistry.register(gql`
   }
 
   fragment TrackPlaybackDetails_track on Track {
+    id
     name
     uri
     album {
diff --git a/client/src/types/api.ts b/client/src/types/api.ts
index 5a623d94..758bcbec 100644
--- a/client/src/types/api.ts
+++ b/client/src/types/api.ts
@@ -2515,6 +2515,7 @@ export type EpisodeDetailsCell_episode = {
 
 export type EpisodePlaybackDetails_episode = {
   __typename: 'Episode';
+  id: string;
   name: string;
   show: { __typename: 'Show'; id: string; name: string };
 };
@@ -2988,6 +2989,7 @@ export type TrackPlaybackDetails_context = {
 
 export type TrackPlaybackDetails_track = {
   __typename: 'Track';
+  id: string;
   name: string;
   uri: string;
   album: { __typename: 'Album'; id: string; name: string };