diff --git a/src/courseware/course/Course.jsx b/src/courseware/course/Course.jsx index 6c2b5f21..a4506641 100644 --- a/src/courseware/course/Course.jsx +++ b/src/courseware/course/Course.jsx @@ -68,7 +68,7 @@ function Course({ const shouldDisplaySidebarButton = useWindowSize().width >= responsiveBreakpoints.small.minWidth; - const [sidebarVisible, setSidebar] = useState(false); + const [sidebarVisible, setSidebar] = useState(true); const isSidebarVisible = () => sidebarVisible && setSidebar; const toggleSidebar = () => { if (sidebarVisible) { setSidebar(false); } else { setSidebar(true); } diff --git a/src/courseware/course/Sidebar.scss b/src/courseware/course/Sidebar.scss index fd561514..2417e329 100644 --- a/src/courseware/course/Sidebar.scss +++ b/src/courseware/course/Sidebar.scss @@ -1,7 +1,7 @@ .sidebar-container { border: 1px solid $light-400; border-radius: 4px; - width: 20rem; + width: 31rem; vertical-align: top; height: 100%; diff --git a/src/courseware/course/sequence/Sequence.jsx b/src/courseware/course/sequence/Sequence.jsx index 5966ac74..6977992a 100644 --- a/src/courseware/course/sequence/Sequence.jsx +++ b/src/courseware/course/sequence/Sequence.jsx @@ -226,7 +226,7 @@ function Sequence({ )} - {sidebarVisible ? ( + {isValuePropCookieSet && sidebarVisible ? (