fix(app): align task list progress tracker with modal header in calib…

…ration dashboard (#12031)

the modal added a bit too much padding to the children by default causing the calibartion task list
to not quite match the designs. the left padding was decreased slightly to ensure the design spec
was met.

closes RAUT-314

app/src/organisms/CalibrationTaskList/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import { useHistory } from 'react-router-dom'
 
-import { COLORS } from '@opentrons/components'
+import { COLORS, SPACING } from '@opentrons/components'
 import { Modal } from '../../molecules/Modal'
 import { TaskList } from '../TaskList'
 
@@ -42,6 +42,9 @@ export function CalibrationTaskList({
       }
       fullPage
       backgroundColor={COLORS.fundamentalsBackground}
+      childrenPadding={`${String(SPACING.spacing4)} ${String(
+        SPACING.spacing5
+      )} ${String(SPACING.spacing5)} ${String(SPACING.spacing2)}`}
     >
       <TaskList activeIndex={activeIndex} taskList={taskList} />
     </Modal>