diff --git a/src/course-home/outline-tab/SequenceLink.jsx b/src/course-home/outline-tab/SequenceLink.jsx
index b0effb545b..474462684a 100644
--- a/src/course-home/outline-tab/SequenceLink.jsx
+++ b/src/course-home/outline-tab/SequenceLink.jsx
@@ -16,6 +16,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import EffortEstimate from '../../shared/effort-estimate';
 import { useModel } from '../../generic/model-store';
 import messages from './messages';
+import './SequenceLink.scss';
 
 function SequenceLink({
   id,
@@ -52,7 +53,7 @@ function SequenceLink({
   return (
     <li>
       <div className={classNames('', { 'mt-2 pt-2 border-top border-light': !first })}>
-        <div className="row w-100 m-0">
+        <div className="row w-100 m-0 sequence-indent">
           <div className="col-auto p-0">
             {complete ? (
               <FontAwesomeIcon
diff --git a/src/course-home/outline-tab/SequenceLink.scss b/src/course-home/outline-tab/SequenceLink.scss
new file mode 100644
index 0000000000..d11d85cb7d
--- /dev/null
+++ b/src/course-home/outline-tab/SequenceLink.scss
@@ -0,0 +1,3 @@
+.sequence-indent {
+    padding-left: 2.75rem !important 
+}
\ No newline at end of file