diff --git a/lms/static/sass/_build-lms.scss b/lms/static/sass/_build-lms.scss
index 35e512774f..6c608b49ac 100644
--- a/lms/static/sass/_build-lms.scss
+++ b/lms/static/sass/_build-lms.scss
@@ -9,6 +9,7 @@
 @import 'base/font_face';
 @import 'base/extends';
 @import 'base/animations';
+@import 'base/utilities';
 
 // base - starter
 @import 'base/base';
diff --git a/lms/static/sass/base/_utilities.scss b/lms/static/sass/base/_utilities.scss
new file mode 100644
index 0000000000..ce32cc4d8d
--- /dev/null
+++ b/lms/static/sass/base/_utilities.scss
@@ -0,0 +1,12 @@
+// ------------------------------
+// LMS: Utilities
+
+// About: Shared utility classes that extend or enhance the interface
+// ------------------------------
+
+// No focus outline on programmatic focus
+.sr-is-focusable,
+.sr-is-focusable:focus,
+.sr-is-focusable:active {
+    @extend %no-outline;
+}
\ No newline at end of file
diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index ee341cd5f2..e653b38c5d 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -60,12 +60,6 @@ div.course-wrapper {
       }
     }
 
-    .sr-is-focusable,
-    .sr-is-focusable:focus,
-    .sr-is-focusable:active {
-      outline: none;
-    }
-
     .sequential-status-message {
       margin-bottom: $baseline;
       background-color: $gray-l5;