diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss
index 59a81192f5..33180e7a11 100644
--- a/lms/static/sass/base/_base.scss
+++ b/lms/static/sass/base/_base.scss
@@ -82,6 +82,12 @@ a:link, a:visited {
   &:hover {
     text-decoration: underline;
   }
+
+  &:disabled, &.is-disabled, &.disabled {
+    pointer-events: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
 }
 
 a:focus {
diff --git a/lms/static/sass/shared/_forms.scss b/lms/static/sass/shared/_forms.scss
index 6a011b22ef..4826119017 100644
--- a/lms/static/sass/shared/_forms.scss
+++ b/lms/static/sass/shared/_forms.scss
@@ -43,8 +43,7 @@ textarea {
 
 input[type="submit"],
 input[type="button"],
-button,
-.button {
+button,.button {
   border-radius: 3px;
   @include button(shiny, $button-color);
   font: normal 1.2rem/1.6rem $sans-serif;
@@ -53,4 +52,10 @@ button,
   text-transform: uppercase;
   vertical-align: top;
   -webkit-font-smoothing: antialiased;
+
+  &:disabled, &.is-disabled, &.disabled {
+    pointer-events: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
 }