diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index f23959200..2dcb85f6f 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -4156,8 +4156,10 @@ li .ui-state-hover {
     display: block;
 }
 
-#podcast_episode_dialog {
+.podcast-episode-dialog {
+    max-width: 50%;
     max-height: 50%;
+    overflow: auto;
 }
 
 /* UI Revamp Video */
diff --git a/airtime_mvc/public/js/airtime/library/library.js b/airtime_mvc/public/js/airtime/library/library.js
index f5a5c4825..bb653c0dc 100644
--- a/airtime_mvc/public/js/airtime/library/library.js
+++ b/airtime_mvc/public/js/airtime/library/library.js
@@ -1327,6 +1327,12 @@ var AIRTIME = (function(AIRTIME) {
             height: "auto",
             modal: true,
             resizable: false,
+            dialogClass: "podcast-episode-dialog",
+            open: function () {
+                // Sometimes the dialog scrolls down partway if there are elements that need to render,
+                // like images or video, so scroll it back up on open.
+                $(this).parent().scrollTop(0);
+            },
             close: function() {
                 $(this).dialog('destroy').remove();
             }