diff --git a/www/addons/calendar/templates/event.html b/www/addons/calendar/templates/event.html
index fd421810209..dc5488459ed 100644
--- a/www/addons/calendar/templates/event.html
+++ b/www/addons/calendar/templates/event.html
@@ -23,7 +23,7 @@ <h3>{{ 'mm.core.course' | translate}}</h3>
                         <img ng-src="{{event.moduleicon}}"> {{event.modulename}}
                     </li>
                     <li class="item item-text-wrap" ng-if="event.description">
-                        <mm-format-text watch="true">{{event.description}}</mm-format-text>
+                        <mm-format-text class="mm-content-with-float" watch="true">{{event.description}}</mm-format-text>
                     </li>
                 </ul>
             </article>
diff --git a/www/addons/mod_assign/templates/submission.html b/www/addons/mod_assign/templates/submission.html
index d37912aa616..301c522aa79 100644
--- a/www/addons/mod_assign/templates/submission.html
+++ b/www/addons/mod_assign/templates/submission.html
@@ -1,7 +1,7 @@
 <ion-view>
     <ion-nav-title>{{ title }}</ion-nav-title>
     <ion-content padding="true">
-        <p><mm-format-text watch="true">{{ submission.text }}</mm-format-text></p>
+        <p><mm-format-text class="mm-content-with-float" watch="true">{{ submission.text }}</mm-format-text></p>
         <mm-file ng-repeat="attachment in submission.attachments" file="attachment" component="{{component}}" component-id="{{submission.id}}"></mm-file>
     </ion-content>
 </ion-view>
\ No newline at end of file
diff --git a/www/addons/mod_book/templates/index.html b/www/addons/mod_book/templates/index.html
index 1c85761ee6c..1b9846f26bf 100644
--- a/www/addons/mod_book/templates/index.html
+++ b/www/addons/mod_book/templates/index.html
@@ -13,7 +13,7 @@
             <mm-course-mod-description description="description"></mm-course-mod-description>
             <mma-mod-book-arrows previous="previousChapter" next="nextChapter" action="loadChapter"></mma-mod-book-arrows>
             <div>
-                <mm-format-text watch="true" component="{{ component }}" component-id="{{ componentId }}">{{ content }}</mm-format-text>
+                <mm-format-text class="mm-content-with-float" watch="true" component="{{ component }}" component-id="{{ componentId }}">{{ content }}</mm-format-text>
             </div>
             <mma-mod-book-arrows previous="previousChapter" next="nextChapter" action="loadChapter"></mma-mod-book-arrows>
         </mm-loading>
diff --git a/www/addons/mod_forum/templates/discussion.html b/www/addons/mod_forum/templates/discussion.html
index c5574a466d6..8c9a6b0de91 100644
--- a/www/addons/mod_forum/templates/discussion.html
+++ b/www/addons/mod_forum/templates/discussion.html
@@ -14,7 +14,7 @@ <h2>{{discussion.subject}}</h2>
                     <p>{{discussion.userfullname}}</p>
                 </div>
                 <div class="item item-body">
-                    <mm-format-text watch="true">{{discussion.message}}</mm-format-text>
+                    <mm-format-text class="mm-content-with-float" watch="true">{{discussion.message}}</mm-format-text>
                     <mm-file ng-repeat="attachment in discussion.attachments" file="attachment" component="{{component}}" component-id="{{discussion.id}}"></mm-file>
                 </div>
             </article>
@@ -29,7 +29,7 @@ <h2>{{discussion.subject}}</h2>
                         <p>{{post.subject}}</p>
                     </div>
                     <div class="item item-body">
-                        <mm-format-text watch="true">{{post.message}}</mm-format-text>
+                        <mm-format-text class="mm-content-with-float" watch="true">{{post.message}}</mm-format-text>
                         <mm-file ng-repeat="attachment in post.attachments" file="attachment" component="{{component}}" component-id="{{post.id}}"></mm-file>
                     </div>
                 </article>
diff --git a/www/addons/mod_imscp/templates/description.html b/www/addons/mod_imscp/templates/description.html
index 3aa0206a668..26fb57ed6cf 100644
--- a/www/addons/mod_imscp/templates/description.html
+++ b/www/addons/mod_imscp/templates/description.html
@@ -4,6 +4,6 @@ <h1 class="title">{{ 'mm.core.description' | translate}}</h1>
         <button class="button button-icon ion-close-round" ng-click="closeDescription()" aria-label="{{ 'mm.core.close' | translate }}"></button>
     </ion-header-bar>
     <ion-content class="padding">
-        <mm-format-text>{{ description }}</mm-format-text>
+        <mm-format-text class="mm-content-with-float">{{ description }}</mm-format-text>
     </ion-content>
 </ion-modal-view>
diff --git a/www/addons/mod_page/templates/index.html b/www/addons/mod_page/templates/index.html
index 1b3015e89d5..a628848920e 100644
--- a/www/addons/mod_page/templates/index.html
+++ b/www/addons/mod_page/templates/index.html
@@ -8,7 +8,7 @@
         <mm-loading hide-until="loaded">
             <mm-course-mod-description description="description"></mm-course-mod-description>
             <article>
-                <mm-format-text watch="true" component="{{ component }}" component-id="{{ componentId }}">{{ content }}</mm-format-text>
+                <mm-format-text class="mm-content-with-float" watch="true" component="{{ component }}" component-id="{{ componentId }}">{{ content }}</mm-format-text>
             </article>
         </mm-loading>
     </ion-content>
diff --git a/www/addons/mod_resource/templates/index.html b/www/addons/mod_resource/templates/index.html
index 10944e1eed8..4a8d3e1faa5 100644
--- a/www/addons/mod_resource/templates/index.html
+++ b/www/addons/mod_resource/templates/index.html
@@ -13,7 +13,7 @@
             </div>
 
             <div ng-if="mode == 'inline'">
-                <mm-format-text watch="true" component="{{ component }}" component-id="{{ componentId }}">{{ content }}</mm-format-text>
+                <mm-format-text class="mm-content-with-float" watch="true" component="{{ component }}" component-id="{{ componentId }}">{{ content }}</mm-format-text>
             </div>
 
             <div ng-if="mode == 'external'">
diff --git a/www/addons/notifications/templates/list.html b/www/addons/notifications/templates/list.html
index bb0648eba75..af15768cf50 100644
--- a/www/addons/notifications/templates/list.html
+++ b/www/addons/notifications/templates/list.html
@@ -9,7 +9,7 @@ <h2>{{notification.userfromfullname}}</h2>
                     <p>{{notification.timecreated | mmDateDayOrTime}}</p>
                 </div>
                 <div class="item item-body">
-                    <p><mm-format-text watch="true">{{ notification.mobiletext | mmCreateLinks | mmaNotificationsFormat }}</mm-format-text></p>
+                    <p><mm-format-text class="mm-content-with-float" watch="true">{{ notification.mobiletext | mmCreateLinks | mmaNotificationsFormat }}</mm-format-text></p>
                 </div>
                 <mma-notifications-actions contexturl="notification.contexturl" courseid="notification.courseid"></mma-notifications-actions>
             </article>
diff --git a/www/core/components/course/templates/mod_description.html b/www/core/components/course/templates/mod_description.html
index c28dd6d69af..9aad2a1dd47 100644
--- a/www/core/components/course/templates/mod_description.html
+++ b/www/core/components/course/templates/mod_description.html
@@ -1,6 +1,6 @@
 <div class="card" ng-if="description">
     <div class="item item-text-wrap item-body">
-        <mm-format-text>{{ description }}</mm-format-text>
+        <mm-format-text class="mm-content-with-float">{{ description }}</mm-format-text>
         <p ng-if="note"><span class="item-note">{{ note }}</span></p>
     </div>
 </div>
\ No newline at end of file
diff --git a/www/core/components/course/templates/section.html b/www/core/components/course/templates/section.html
index b34faf07f8b..d2e2c85d007 100644
--- a/www/core/components/course/templates/section.html
+++ b/www/core/components/course/templates/section.html
@@ -8,7 +8,7 @@
             <section class="card" ng-if="summary">
                 <!-- Only displayed when 1 section per page. -->
                 <div class="item item-text-wrap">
-                    <article><mm-format-text>{{ summary }}</mm-format-text></article>
+                    <article><mm-format-text class="mm-content-with-float">{{ summary }}</mm-format-text></article>
                 </div>
             </section>
 
@@ -19,7 +19,7 @@ <h2>{{ section.name }}</h2>
                 </div>
 
                 <div class="item item-text-wrap" ng-if="sections.length > 1 && section.summary">
-                    <mm-format-text>{{ section.summary }}</mm-format-text>
+                    <mm-format-text class="mm-content-with-float">{{ section.summary }}</mm-format-text>
                 </div>
 
                 <a class="item item-text-wrap" ng-repeat="module in section.modules" ng-click="action($event)" ng-class="{'item-button-right': buttons && buttons.length > 0, 'item-media': icon, 'item-completion': module.completionstatus}" ng-controller="module._controller" title="{{ title }}">
diff --git a/www/core/components/courses/templates/list.html b/www/core/components/courses/templates/list.html
index 33a69780d34..3ae37d149d9 100644
--- a/www/core/components/courses/templates/list.html
+++ b/www/core/components/courses/templates/list.html
@@ -17,7 +17,7 @@ <h2><mm-format-text watch="true">{{course.fullname}}</mm-format-text></h2>
                 <div class="item item-text-wrap" ng-show="course.summary">
                     <p>
                         <summary>
-                            <mm-format-text watch="true" shorten="150" expand-on-click="true">{{course.summary}}</mm-format-text>
+                            <mm-format-text class="mm-content-with-float" watch="true" shorten="150" expand-on-click="true">{{course.summary}}</mm-format-text>
                         </summary>
                     </p>
                 </div>
diff --git a/www/core/components/login/templates/help-modal.html b/www/core/components/login/templates/help-modal.html
index d467b82173d..bd7be8f4a51 100644
--- a/www/core/components/login/templates/help-modal.html
+++ b/www/core/components/login/templates/help-modal.html
@@ -4,6 +4,6 @@ <h1 class="title">{{ 'mm.login.help' | translate}}</h1>
         <button class="button button-icon ion-close-round" ng-click="closeHelp()" aria-label="{{ 'mm.core.close' | translate }}"></button>
     </ion-header-bar>
     <ion-content class="padding">
-        <mm-format-text>{{ 'mm.login.helpmelogin' | translate}}</mm-format-text>
+        <mm-format-text class="mm-content-with-float">{{ 'mm.login.helpmelogin' | translate}}</mm-format-text>
     </ion-content>
 </ion-modal-view>
diff --git a/www/core/components/user/templates/profile.html b/www/core/components/user/templates/profile.html
index 6df075004d2..6e2a99d3e81 100644
--- a/www/core/components/user/templates/profile.html
+++ b/www/core/components/user/templates/profile.html
@@ -86,7 +86,7 @@ <h2>{{ 'mm.user.details' | translate}}</h2>
                     <h2>{{ 'mm.user.description' | translate}}</h2>
                 </div>
                 <div class="item item-text-wrap" ng-if="user.description">
-                    <mm-format-text watch="true">{{user.description}}</mm-format-text>
+                    <mm-format-text class="mm-content-with-float" watch="true">{{user.description}}</mm-format-text>
                 </div>
 
                 <div ng-repeat="handler in profileHandlers | orderBy:'-priority'" ng-controller="handler.controller">
diff --git a/www/core/scss/styles.scss b/www/core/scss/styles.scss
index 858948ad2d7..7e644b9cd1d 100644
--- a/www/core/scss/styles.scss
+++ b/www/core/scss/styles.scss
@@ -181,7 +181,7 @@ em {
 }
 
 // mm-format-text can have elements with float. These styles makes sure height is calculated right.
-mm-format-text {
+.mm-content-with-float {
   display: inline-block;
   width: 100%;
 }