Index: lams_learning/web/css/components-learner.css
===================================================================
diff -u -ra185d8add51b35ed935f71106aa8a433f4467a3a -r0e9b790e459a7e7d20c543d14713b40ac0e6c80b
--- lams_learning/web/css/components-learner.css	(.../components-learner.css)	(revision a185d8add51b35ed935f71106aa8a433f4467a3a)
+++ lams_learning/web/css/components-learner.css	(.../components-learner.css)	(revision 0e9b790e459a7e7d20c543d14713b40ac0e6c80b)
@@ -48,6 +48,7 @@
     border-radius: 1.2rem;
     list-style: none;
     text-align: left;
+    max-width: 60vh;
 }
 
 .component-page-wrapper .component-sidebar .progress-bar-items > li {
Index: lams_learning/web/includes/javascript/learnerPage.js
===================================================================
diff -u -r321539d60d608c3bf1c9badb9b50c57eb578fe40 -r0e9b790e459a7e7d20c543d14713b40ac0e6c80b
--- lams_learning/web/includes/javascript/learnerPage.js	(.../learnerPage.js)	(revision 321539d60d608c3bf1c9badb9b50c57eb578fe40)
+++ lams_learning/web/includes/javascript/learnerPage.js	(.../learnerPage.js)	(revision 0e9b790e459a7e7d20c543d14713b40ac0e6c80b)
@@ -26,7 +26,7 @@
                 $.each(result.support, function (activityIndex, activityData) {
                     let activityItem = $('<li>').attr('role', 'presentation')
                         .addClass('support-bar-item progress-bar-item-openable')
-                        .prepend('<i class="fa-solid fa-fw fa-circle-plus progress-bar-icon">').appendTo(supportBarItems);
+                        .prepend('<i class="fa-solid fa-fw fa-up-right-from-square progress-bar-icon">').appendTo(supportBarItems);
                     let activityLink = $('<a>').text(activityData.name).attr({
                         'target': '_blank',
                         'href': activityData.url,
Index: lams_tool_nb/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r321539d60d608c3bf1c9badb9b50c57eb578fe40 -r0e9b790e459a7e7d20c543d14713b40ac0e6c80b
--- lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 321539d60d608c3bf1c9badb9b50c57eb578fe40)
+++ lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 0e9b790e459a7e7d20c543d14713b40ac0e6c80b)
@@ -59,7 +59,7 @@
 
             <header id="header" class="d-flex justify-content-between" role="banner">
                 <div class="d-flex">
-                    <button class="sidebar-toggle-button no-decoration"
+                    <button class="sidebar-toggle-button no-decoration" accesskey="p"
                             data-closed-class="fa-bars" data-opened-class="fa-bars-staggered"
                             aria-labelledby="progress-bar-title" aria-expanded="false">
                         <i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
@@ -102,17 +102,17 @@
             <button class="sidebar-toggle-button no-decoration" aria-labelledby="progress-bar-title">
                 <i class="fa-solid fa-xmark"></i>
             </button>
-            <a href="/" title="Return to index page" class="lams-logo">
+            <a href="/" title="Return to course page" class="lams-logo">
                 <img src="<lams:LAMSURL/>images/svg/lamsv5_logo.svg" alt="LAMS logo" aria-hidden="true"/>
             </a>
 
             <div id="support-bar" class="d-none pb-4 w-100">
-                <span class="sidebar-title"><i class="fa-solid fa-snowplow"></i>&nbsp;<span id="support-bar-title">Support activities</span></span>
+                <span class="sidebar-title"><i class="fa-solid fa-toolbox sidebar-title-icon"></i>&nbsp;<span tabindex="0" id="support-bar-title">Support activities</span></span>
                 <ul id="support-bar-items" class="progress-bar-items" role="menu">
                 </ul>
             </div>
 
-            <span class="sidebar-title"><i class="fa-solid fa-fw fa-bars-progress sidebar-title-icon"></i>&nbsp;<span id="progress-bar-title">Progress bar</span></span>
+            <span class="sidebar-title"><i class="fa-solid fa-fw fa-bars-progress sidebar-title-icon"></i>&nbsp;<span tabindex="0" id="progress-bar-title">Progress bar</span></span>
             <ul id="progress-bar-items" class="progress-bar-items w-100" role="menu">
             </ul>
         </nav>