Index: lams_central/web/css/components.scss =================================================================== diff -u -rb9f40a0836353109d362f2e1218cdf2b21163399 -r3ba91bf6af0c899b09538daa1e334db009825bf1 --- lams_central/web/css/components.scss (.../components.scss) (revision b9f40a0836353109d362f2e1218cdf2b21163399) +++ lams_central/web/css/components.scss (.../components.scss) (revision 3ba91bf6af0c899b09538daa1e334db009825bf1) @@ -488,7 +488,7 @@ } .component-page-wrapper button.no-decoration:focus { - border: thin solid var(--bs-gray-700); + box-shadow: 0 0 0 0.25rem rgba(5, 112, 213, 0.25);/*the same as .btn-close:focus*/ } .component-page-wrapper .component-page-content { Index: lams_learning/web/css/components-learner.scss =================================================================== diff -u -rb5dd3686dc0394105288a7961668903057541633 -r3ba91bf6af0c899b09538daa1e334db009825bf1 --- lams_learning/web/css/components-learner.scss (.../components-learner.scss) (revision b5dd3686dc0394105288a7961668903057541633) +++ lams_learning/web/css/components-learner.scss (.../components-learner.scss) (revision 3ba91bf6af0c899b09538daa1e334db009825bf1) @@ -149,7 +149,7 @@ box-shadow: 0px 3px 6px var(--bs-gray-400); } -.component-page-wrapper #finishButton:focus { +.component-page-wrapper .btn:focus { box-shadow: var(--bs-btn-focus-box-shadow); }