diff --git a/templates/mobile_teacher_form_latest.mustache b/templates/mobile_teacher_form_latest.mustache
index 569b1f065e..cb9e2cc4d2 100644
--- a/templates/mobile_teacher_form_latest.mustache
+++ b/templates/mobile_teacher_form_latest.mustache
@@ -46,9 +46,17 @@
 }}
 {{=<% %>=}}
 <div class="attendance_mobile_teacher_form">
+    <%#attendance.intro%>
     <span class="description">
-    <core-course-module-description description="<% attendance.intro %>" component="mod_attendance" componentId="<% cmid %>"></core-course-module-description>
+        <ion-card>
+            <ion-item class="ion-text-wrap">
+                <ion-label>
+                    <core-format-text text="<%attendance.intro%>" component="mod_attendance" componentId="<%cmid%>" collapsible-item />
+                </ion-label>
+            </ion-item>
+        </ion-card>
     </span>
+    <%/attendance.intro%>
     <%#showmessage%>
         <%#messages%>
             <span class="messages">
diff --git a/templates/mobile_user_form_latest.mustache b/templates/mobile_user_form_latest.mustache
index a071021c4a..1185a3558f 100644
--- a/templates/mobile_user_form_latest.mustache
+++ b/templates/mobile_user_form_latest.mustache
@@ -45,7 +45,15 @@
 }}
 {{=<% %>=}}
 <div class="attendance_mobile_user_form">
-    <core-course-module-description description="<% attendance.intro %>" component="mod_attendance" componentId="<% cmid %>"></core-course-module-description>
+    <%#attendance.intro%>
+    <ion-card>
+        <ion-item class="ion-text-wrap">
+            <ion-label>
+                <core-format-text text="<%attendance.intro%>" component="mod_attendance" componentId="<%cmid%>" collapsible-item />
+            </ion-label>
+        </ion-item>
+    </ion-card>
+    <%/attendance.intro%>
     <%#showmessage%>
         <%#messages%>
             <span class="messages">
diff --git a/templates/mobile_view_page_latest.mustache b/templates/mobile_view_page_latest.mustache
index af7746e80b..b6da5fbbbc 100644
--- a/templates/mobile_view_page_latest.mustache
+++ b/templates/mobile_view_page_latest.mustache
@@ -49,7 +49,9 @@
 }}
 {{=<% %>=}}
 <div class="attendance_mobile_view_page">
-    <core-course-module-description description="<% attendance.intro %>" component="mod_attendance" componentId="<% cmid %>"></core-course-module-description>
+    <core-course-module-info [module]="module" description="<% attendance.intro %>" component="mod_attendance" componentId="<% cmid %>"
+        [courseId]="courseId">
+    </core-course-module-info>
     <%#showmessage%>
     <%#messages%>
     <span class="messages">
@@ -145,4 +147,4 @@
     </ion-grid>
     </ion-label>
     </ion-item>
-</div>
\ No newline at end of file
+</div>