diff --git a/src/app/tabs/courses/course-details/course-details.component.html b/src/app/tabs/courses/course-details/course-details.component.html
index 1db35cd..82d490a 100644
--- a/src/app/tabs/courses/course-details/course-details.component.html
+++ b/src/app/tabs/courses/course-details/course-details.component.html
@@ -1,4 +1,4 @@
-<div class="page" *ngIf="chapterList">
+<section class="page-container full-bg" color="black" *ngIf="chapterList">
     <section class="upfold">
         <button class="close-button" (click)="back()">
             <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/close.svg"></svg-icon>
@@ -140,4 +140,4 @@
         </section>
     </div>
 
-</div>
+</section>
diff --git a/src/app/tabs/courses/course-details/course-details.component.scss b/src/app/tabs/courses/course-details/course-details.component.scss
index 53da527..616ff26 100644
--- a/src/app/tabs/courses/course-details/course-details.component.scss
+++ b/src/app/tabs/courses/course-details/course-details.component.scss
@@ -1,7 +1,5 @@
-.page {
-    background-color: var(--black);
-    height: 100vh;
-    overflow: auto;
+.page-container {
+    padding-bottom: 0;
 }
 
 .upfold {