diff --git a/src/app/tabs/courses/details/details.component.html b/src/app/tabs/courses/details/details.component.html
index b796d29..f01de08 100644
--- a/src/app/tabs/courses/details/details.component.html
+++ b/src/app/tabs/courses/details/details.component.html
@@ -64,7 +64,7 @@
                     </div>
                 </li>
 
-                <li class="topic" [routerLink]="['/video-chapter/', 'Topic-3']">
+                <li class="topic completed" [routerLink]="['/video-chapter/', 'Topic-3']">
                     <svg-icon [applyClass]="true" class="icon checkmark" src="assets/custom-icons/checkmark.svg"></svg-icon>
                     <div class="topic-container">
                         <p>
diff --git a/src/app/tabs/courses/details/details.component.scss b/src/app/tabs/courses/details/details.component.scss
index 3cd6c49..932e424 100644
--- a/src/app/tabs/courses/details/details.component.scss
+++ b/src/app/tabs/courses/details/details.component.scss
@@ -235,6 +235,11 @@
             font-size: 14px;
             color: var(--light-grey);
             padding-right: 10px;
+            height: 55px;
+            display: -webkit-box;
+            -webkit-line-clamp: 3;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
 
             .type {
                 color: white;