diff --git a/src/addons/storagemanager/pages/course-storage/course-storage.html b/src/addons/storagemanager/pages/course-storage/course-storage.html
index 5eab17ef1..d8f72ede1 100644
--- a/src/addons/storagemanager/pages/course-storage/course-storage.html
+++ b/src/addons/storagemanager/pages/course-storage/course-storage.html
@@ -69,7 +69,7 @@
                             </ion-badge>
                             <!-- Download progress. -->
                             <p *ngIf="downloadEnabled && section.isDownloading">
-                                <core-progress-bar [progress]="section.total === 0 ? -1 : section.count / section.total" />
+                                <core-progress-bar [progress]="section.total === 0 ? -1 : (section.count / section.total) * 100" />
                             </p>
                         </ion-label>
                         <div class="storage-buttons" slot="end"
@@ -112,7 +112,8 @@
                                         <ion-icon name="fam-cloud-done" *ngIf="module.downloadStatus === statusDownloaded"
                                             [attr.aria-label]="'core.downloaded' | translate" />{{ module.totalSize | coreBytesToSize }}
                                     </ion-badge>
-                                    <ion-badge color="light" *ngIf="module.calculatingSize">
+                                    <ion-badge color="light" *ngIf="module.calculatingSize ||
+                                        (section.isDownloading && module.downloadStatus === statusDownloaded)">
                                         {{ 'core.calculating' | translate }}
                                     </ion-badge>
                                 </ion-label>
diff --git a/src/addons/storagemanager/pages/course-storage/course-storage.scss b/src/addons/storagemanager/pages/course-storage/course-storage.scss
index eeb737ace..8f8356527 100644
--- a/src/addons/storagemanager/pages/course-storage/course-storage.scss
+++ b/src/addons/storagemanager/pages/course-storage/course-storage.scss
@@ -10,12 +10,16 @@
     ion-card.section {
         ion-card-header {
             padding: 0;
+
+            .item-heading {
+                font: var(--mdl-typography-heading4-font);
+            }
         }
         ion-card-content {
             padding: 0;
 
             .core-course-storage-activity ion-label {
-                h3 {
+                p.item-heading {
                     position: relative;
                     max-height: var(--course-storage-max-activity-height);
                     overflow: hidden;
@@ -35,15 +39,10 @@
                 }
             }
         }
-        .item-heading {
-            font-weight: bold;
-            font-size: 1.2rem;
-        }
     }
 }
 
 ion-badge {
-    margin-top: 8px;
     ion-icon {
         @include margin-horizontal(null, 8px);
     }