+);
+
+GradingScaleSegment.propTypes = {
+ intl: intlShape.isRequired,
+ idx: PropTypes.number.isRequired,
+ value: PropTypes.number.isRequired,
+ getSegmentProps: PropTypes.func.isRequired,
+ handleLetterChange: PropTypes.func.isRequired,
+ removeGradingSegment: PropTypes.func.isRequired,
+ gradingSegments: PropTypes.arrayOf(
+ PropTypes.shape({
+ current: PropTypes.number.isRequired,
+ previous: PropTypes.number.isRequired,
+ }),
+ ).isRequired,
+ letters: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+
+export default injectIntl(GradingScaleSegment);
diff --git a/src/grading-settings/grading-scale/components/GradingScaleTick.jsx b/src/grading-settings/grading-scale/components/GradingScaleTick.jsx
new file mode 100644
index 000000000..b1928c901
--- /dev/null
+++ b/src/grading-settings/grading-scale/components/GradingScaleTick.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const GradingScaleTick = ({ getTickProps, value }) => (
+