diff --git a/web-src/src/components/ModalDialog.vue b/web-src/src/components/ModalDialog.vue
index f77346da..73aa3e9a 100644
--- a/web-src/src/components/ModalDialog.vue
+++ b/web-src/src/components/ModalDialog.vue
@@ -73,4 +73,11 @@ export default {
   max-height: calc(100vh - calc(4 * var(--bulma-navbar-height)));
   overflow: auto;
 }
+.is-disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  > * {
+    pointer-events: none;
+  }
+}
 </style>
diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index 1b3ae940..0b69bd95 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -40,14 +40,6 @@ button.navbar-item {
   justify-content: center;
 }
 
-.is-disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-  > * {
-    pointer-events: none;
-  }
-}
-
 .media:first-of-type {
   padding-top: 1rem;
 }