diff --git a/cds/modules/records/static/templates/cds_records/video/detail.html b/cds/modules/records/static/templates/cds_records/video/detail.html
index 76b7ddf9d..d8cec29bd 100644
--- a/cds/modules/records/static/templates/cds_records/video/detail.html
+++ b/cds/modules/records/static/templates/cds_records/video/detail.html
@@ -322,13 +322,13 @@ <h3><strong>Chapters</strong></h3>
                 <div ng-repeat="chapter in chapters" 
                      class="chapter-item-horizontal-main"
                      ng-click="jumpToChapter(chapter.seconds)"
-                     style="display: inline-block; cursor: pointer; width: 180px; flex-shrink: 0; padding: 12px; border: 1px solid #e1e8ed; border-radius: 8px; transition: all 0.2s ease; background-color: white;"
+                     style="display: inline-block; cursor: pointer; width: 213px; flex-shrink: 0; padding: 12px; border: 1px solid #e1e8ed; border-radius: 8px; transition: all 0.2s ease; background-color: white;"
                      onmouseover="this.style.backgroundColor='#f8f9fa'; this.style.borderColor='#2196F3'; this.style.transform='translateY(-2px)';"
                      onmouseout="this.style.backgroundColor='white'; this.style.borderColor='#e1e8ed'; this.style.transform='translateY(0)';">
                   <!-- Chapter Thumbnail -->
-                  <div class="chapter-thumbnail-main-horizontal" style="width: 156px; height: 88px; border-radius: 6px; overflow: hidden; background-color: #f5f5f5; margin-bottom: 8px; position: relative;">
+                  <div class="chapter-thumbnail-main-horizontal" style="width: 189px; height: 106px; border-radius: 6px; overflow: hidden; background-color: #f5f5f5; margin-bottom: 8px; position: relative;">
                     <img ng-if="getChapterFrame(chapter)"
-                         ng-src="/api/iiif/v2/{{ getChapterFrame(chapter).bucket_id }}:{{ getChapterFrame(chapter).version_id }}:{{ getChapterFrame(chapter).key }}/full/156,88/0/default.jpg"
+                         ng-src="/api/iiif/v2/{{ getChapterFrame(chapter).bucket_id }}:{{ getChapterFrame(chapter).version_id }}:{{ getChapterFrame(chapter).key }}/full/189,106/0/default.jpg"
                          style="width: 100%; height: 100%; object-fit: cover;"
                          alt="Chapter {{ chapter.timestamp }}"
                          onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
diff --git a/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss b/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
index 45193d5ae..da324c5ef 100644
--- a/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
+++ b/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
@@ -1281,12 +1281,12 @@ div[cds-search-results] {
     align-items: center;
 
     .chapter-thumbnail {
-      min-width: 80px;
+      min-width: 120px;
       margin-right: 12px;
 
       .thumbnail-container {
-        width: 80px;
-        height: 45px;
+        width: 120px;
+        height: 67px;
         border-radius: 4px;
         overflow: hidden;
         background-color: #f5f5f5;
@@ -1380,23 +1380,23 @@ div[cds-search-results] {
   }
   
   .chapter-item-horizontal-main {
-    width: 150px !important;
+    width: 264px !important;
   }
   
   .chapter-thumbnail-main-horizontal {
-    width: 126px !important;
-    height: 71px !important;
+    width: 240px !important;
+    height: 135px !important;
   }
 }
 
 @media (max-width: 480px) {
   .chapter-item-horizontal-main {
-    width: 130px !important;
+    width: 224px !important;
   }
   
   .chapter-thumbnail-main-horizontal {
-    width: 106px !important;
-    height: 60px !important;
+    width: 200px !important;
+    height: 113px !important;
   }
 }