diff --git a/src/addons/mod/quiz/components/index/index.ts b/src/addons/mod/quiz/components/index/index.ts
index d31293695..623de1c11 100644
--- a/src/addons/mod/quiz/components/index/index.ts
+++ b/src/addons/mod/quiz/components/index/index.ts
@@ -647,7 +647,9 @@ export class AddonModQuizIndexComponent extends CoreCourseModuleMainActivityComp
 
             if (data) {
                 this.gradebookData = {
-                    grade: 'graderaw' in data ? data.graderaw : Number(data.grade),
+                    grade: 'graderaw' in data && data.graderaw !== undefined && data.graderaw !== null ?
+                        data.graderaw :
+                        (data.grade !== undefined && data.grade !== null ? Number(data.grade) : undefined),
                     feedback: data.feedback,
                 };
             }
diff --git a/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html b/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html
index ff3cb646f..ff872fb90 100644
--- a/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html
+++ b/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html
@@ -17,11 +17,9 @@
             </core-format-text>
         </ion-label>
     </ion-item>
-    <ion-item class="ion-text-wrap" [hidden]="!ddQuestion.loaded">
-        <ion-label>
-            <core-format-text *ngIf="ddQuestion.ddArea" [adaptImg]="false" [component]="component" [componentId]="componentId"
-                [text]="ddQuestion.ddArea" [filter]="false" (afterRender)="ddAreaRendered()">
-            </core-format-text>
-        </ion-label>
-    </ion-item>
+    <div class="fake-ion-item ion-text-wrap" [hidden]="!ddQuestion.loaded">
+        <core-format-text *ngIf="ddQuestion.ddArea" [adaptImg]="false" [component]="component" [componentId]="componentId"
+            [text]="ddQuestion.ddArea" [filter]="false" (afterRender)="ddAreaRendered()">
+        </core-format-text>
+    </div>
 </div>
diff --git a/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html b/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html
index 39a60a78d..c4d1bae1b 100644
--- a/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html
+++ b/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html
@@ -16,11 +16,9 @@
             </core-format-text>
         </ion-label>
     </ion-item>
-    <ion-item class="ion-text-wrap" [hidden]="!ddQuestion.loaded">
-        <ion-label>
-            <core-format-text *ngIf="ddQuestion.ddArea" [adaptImg]="false" [component]="component" [componentId]="componentId"
-                [text]="ddQuestion.ddArea" [filter]="false" (afterRender)="ddAreaRendered()">
-            </core-format-text>
-        </ion-label>
-    </ion-item>
+    <div class="fake-ion-item ion-text-wrap" [hidden]="!ddQuestion.loaded">
+        <core-format-text *ngIf="ddQuestion.ddArea" [adaptImg]="false" [component]="component" [componentId]="componentId"
+            [text]="ddQuestion.ddArea" [filter]="false" (afterRender)="ddAreaRendered()">
+        </core-format-text>
+    </div>
 </div>
diff --git a/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html b/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
index 39222c454..1403f3d22 100644
--- a/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
+++ b/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
@@ -2,26 +2,24 @@
     <!-- Content is outside the core-loading to let the script calculate drag items position -->
     <core-loading [hideUntil]="ddQuestion.loaded"></core-loading>
 
-    <ion-item class="ion-text-wrap" [hidden]="!ddQuestion.loaded">
-        <ion-label>
-            <ion-card *ngIf="!ddQuestion.readOnly" class="core-info-card">
-                <ion-item>
-                    <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
-                    <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
-                </ion-item>
-            </ion-card>
-            <div class="addon-qtype-ddwtos-container">
-                <core-format-text [component]="component" [componentId]="componentId" [text]="ddQuestion.text"
-                    [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" #questiontext
-                    (afterRender)="textRendered()">
-                </core-format-text>
+    <div class="fake-ion-item ion-text-wrap" [hidden]="!ddQuestion.loaded">
+        <ion-card *ngIf="!ddQuestion.readOnly" class="core-info-card">
+            <ion-item>
+                <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
+                <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
+            </ion-item>
+        </ion-card>
+        <div class="addon-qtype-ddwtos-container">
+            <core-format-text [component]="component" [componentId]="componentId" [text]="ddQuestion.text"
+                [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" #questiontext
+                (afterRender)="textRendered()">
+            </core-format-text>
 
-                <core-format-text *ngIf="ddQuestion.answers" [component]="component" [componentId]="componentId"
-                    [text]="ddQuestion.answers" [filter]="false" (afterRender)="answersRendered()">
-                </core-format-text>
+            <core-format-text *ngIf="ddQuestion.answers" [component]="component" [componentId]="componentId"
+                [text]="ddQuestion.answers" [filter]="false" (afterRender)="answersRendered()">
+            </core-format-text>
 
-                <div class="drags"></div>
-            </div>
-        </ion-label>
-    </ion-item>
+            <div class="drags"></div>
+        </div>
+    </div>
 </div>
diff --git a/src/theme/components/format-text.scss b/src/theme/components/format-text.scss
index b942d188d..b0543d50b 100644
--- a/src/theme/components/format-text.scss
+++ b/src/theme/components/format-text.scss
@@ -209,9 +209,7 @@ core-format-text {
 core-format-text {
     ul {
         padding-left: 1rem;
-    }
-    ul, ol {
-        -webkit-padding-start: 15px;
+        -webkit-margin-start: .2rem;
     }
 
     .atto_image_button_text-top,