diff --git a/src/controllers/itemDetails/index.html b/src/controllers/itemDetails/index.html
index accc5b705d..483b38e5c4 100644
--- a/src/controllers/itemDetails/index.html
+++ b/src/controllers/itemDetails/index.html
@@ -143,6 +143,11 @@
                                 <div class="writersLabel label"></div>
                                 <div class="writers content focuscontainer-x"></div>
                             </div>
+
+                            <div class="detailsGroupItem studiosGroup hide">
+                                <div class="studiosLabel label"></div>
+                                <div class="studios content focuscontainer-x"></div>
+                            </div>
                         </div>
                     </div>
                 </div>
diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js
index a1bcebd3aa..e4bd85c1bc 100644
--- a/src/controllers/itemDetails/index.js
+++ b/src/controllers/itemDetails/index.js
@@ -1031,6 +1031,33 @@ function renderDirector(page, item, context) {
     }
 }
 
+function renderStudio(page, item, context) {
+    const studios = item.Studios || [];
+
+    const html = studios.map(function (studio) {
+        return '<a style="color:inherit;" class="button-link" is="emby-linkbutton" href="' + appRouter.getRouteUrl({
+            Name: studio.Name,
+            Type: 'Studio',
+            ServerId: item.ServerId,
+            Id: studio.Id
+        }, {
+            context: context
+        }) + '">' + escapeHtml(studio.Name) + '</a>';
+    }).join(', ');
+
+    const studiosLabel = page.querySelector('.studiosLabel');
+    studiosLabel.innerHTML = globalize.translate(studios.length > 1 ? 'Studios' : 'Studio');
+    const studiosValue = page.querySelector('.studios');
+    studiosValue.innerHTML = html;
+
+    const studiosGroup = page.querySelector('.studiosGroup');
+    if (studios.length) {
+        studiosGroup.classList.remove('hide');
+    } else {
+        studiosGroup.classList.add('hide');
+    }
+}
+
 function renderMiscInfo(page, item) {
     const primaryItemMiscInfo = page.querySelectorAll('.itemMiscInfo-primary');
 
@@ -1079,6 +1106,7 @@ function renderDetails(page, item, apiClient, context, isStatic) {
     renderMoreFromSeason(page, item, apiClient);
     renderMoreFromArtist(page, item, apiClient);
     renderDirector(page, item, context);
+    renderStudio(page, item, context);
     renderWriter(page, item, context);
     renderGenres(page, item, context);
     renderChannelGuide(page, apiClient, item);