diff --git a/src/app/client/src/app/modules/learn/components/course-consumption/course-consumption-header/course-consumption-header.component.html b/src/app/client/src/app/modules/learn/components/course-consumption/course-consumption-header/course-consumption-header.component.html
index 5a817a7e5eb547745ca4099915c9a26d56bcac20..7dd5a5ed787e26717782dc0ad0848557245a207b 100644
--- a/src/app/client/src/app/modules/learn/components/course-consumption/course-consumption-header/course-consumption-header.component.html
+++ b/src/app/client/src/app/modules/learn/components/course-consumption/course-consumption-header/course-consumption-header.component.html
@@ -115,8 +115,8 @@
       <!-- join course, start learning, continue learning, view dashboard buttons -->
       <div *ngIf="!showAddGroup && isTrackable">
         <div class="certified-course__btn py-8" *ngIf="!enrolledCourse && !viewDashboard">
-          <button [disabled]="!(courseConsumptionService.enableCourseEntrollment | async)"
-            [ngClass]="{'sb-btn-disabled': !(courseConsumptionService.enableCourseEntrollment | async)}"
+          <button [disabled]="!(courseConsumptionService.enableCourseEntrollment | async) || isEnrollmentAllowed(enrollmentEndDate)"
+            [ngClass]="{'sb-btn-disabled': (!(courseConsumptionService.enableCourseEntrollment | async) || isEnrollmentAllowed(enrollmentEndDate))}"
             class="sb-btn sb-btn-secondary sb-btn-normal ml-auto textbook__addbtn" tabindex="0"
             (click)="showJoinModal(true); this.logTelemetry(courseHierarchy?.primaryCategory.toLowerCase() === 'course' ? 'join-course' : 'join', courseHierarchy)">{{resourceService?.frmelmnts?.btn?.enroll}}</button>
         </div>