diff --git a/src/course-home/progress-tab/ProgressTab.jsx b/src/course-home/progress-tab/ProgressTab.jsx
index 585b12b2c4..767687feab 100644
--- a/src/course-home/progress-tab/ProgressTab.jsx
+++ b/src/course-home/progress-tab/ProgressTab.jsx
@@ -1,6 +1,6 @@
import React from 'react';
import { useSelector } from 'react-redux';
-import { breakpoints, useWindowSize } from '@openedx/paragon';
+import { useWindowSize } from '@openedx/paragon';
import CourseCompletion from './course-completion/CourseCompletion';
import ProgressHeader from './ProgressHeader';
@@ -26,7 +26,6 @@ const ProgressTab = () => {
return null;
}
- const wideScreen = windowWidth >= breakpoints.large.minWidth;
return (
<>
@@ -34,14 +33,13 @@ const ProgressTab = () => {
{/* Main body */}
{!disableProgressGraph &&
}
- {!wideScreen &&
}
+
{/* Side panel */}
diff --git a/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx b/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx
index de8ce01f62..94f3e747c5 100644
--- a/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx
+++ b/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx
@@ -23,8 +23,8 @@ const CompletionDonutChart = ({ intl, optional = false }) => {
const lockedCount = optional ? completionSummary.optionalLockedCount : completionSummary.lockedCount;
const numTotalUnits = completeCount + incompleteCount + lockedCount;
- const completePercentage = completeCount ? Number(((completeCount / numTotalUnits) * 100).toFixed(0)) : 0;
- const lockedPercentage = lockedCount ? Number(((lockedCount / numTotalUnits) * 100).toFixed(0)) : 0;
+ const completePercentage = completeCount ? Number(((completeCount / numTotalUnits) * 100).toFixed(1)) : 0;
+ const lockedPercentage = lockedCount ? Number(((lockedCount / numTotalUnits) * 100).toFixed(1)) : 0;
const incompletePercentage = 100 - completePercentage - lockedPercentage;
const isLocaleRtl = isRtl(getLocale());