diff --git a/views/episodes.html b/views/episodes.html
index ab1635ee5..530f544af 100644
--- a/views/episodes.html
+++ b/views/episodes.html
@@ -275,7 +275,7 @@
     </div>
 
     <div id="episodeHistoryModal" class="modal" tabindex="-1" role="dialog">
-        <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-dialog modal-xl" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title"><span id="episode_history_title_span"></span></h5><br>
@@ -285,7 +285,7 @@
                 </div>
                 <div class="modal-body">
                     <div class="container-fluid">
-                        <table id="episode_history_result" class="table table-striped">
+                        <table id="episode_history_result" class="table table-striped" style="width:100%">
                             <thead>
                             <tr>
                                 <th></th>
@@ -538,7 +538,7 @@
                     pageLength: {{ settings.general.page_size_manual_search }},
                     lengthMenu: [ 5, 10, 15, 20, 25 ],
                     searching: true,
-                    responsive: true,
+                    scrollX: true,
                     ordering: false,
                     processing: true,
                     serverSide: false,
@@ -843,7 +843,7 @@
                     pageLength: 5,
                     searching: true,
                     ordering: false,
-                    responsive: true,
+                    scrollX: true,
                     processing: false,
                     serverSide: false,
                     ajax: {
diff --git a/views/movie.html b/views/movie.html
index de22095e6..0a73daff7 100644
--- a/views/movie.html
+++ b/views/movie.html
@@ -280,7 +280,7 @@
 </div>
 
 <div id="movieHistoryModal" class="modal" tabindex="-1" role="dialog">
-	<div class="modal-dialog modal-lg" role="document">
+	<div class="modal-dialog modal-xl" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
 				<h5 class="modal-title"><span id="movie_history_title_span"></span></h5><br>
@@ -290,7 +290,7 @@
 			</div>
 			<div class="modal-body">
 				<div class="container-fluid">
-					<table id="movie_history_result" class="table table-striped">
+					<table id="movie_history_result" class="table table-striped" style="width:100%">
 						<thead>
 						<tr>
 							<th></th>
@@ -412,7 +412,7 @@
 				pageLength: {{ settings.general.page_size_manual_search }},
 				lengthMenu: [ 5, 10, 15, 20, 25 ],
 				searching: true,
-				responsive: true,
+				scrollX: true,
 				ordering: false,
 				processing: true,
 				serverSide: false,
@@ -674,7 +674,7 @@
 				pageLength: 5,
 				searching: true,
 				ordering: false,
-				responsive: true,
+				scrollX: true,
 				processing: false,
 				serverSide: false,
 				ajax: {