diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index f8dbbf680..213c2fd29 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -121,6 +121,7 @@ Card optinos
   top: 1.5rem;
   right: .75rem;
   margin-left: auto;
+  display: flex;
 }
 
 .card-options-link {
diff --git a/scss/ui/_loaders.scss b/scss/ui/_loaders.scss
index 6fa8573d1..99673410c 100644
--- a/scss/ui/_loaders.scss
+++ b/scss/ui/_loaders.scss
@@ -33,3 +33,31 @@
     animation-iteration-count: infinite;
   }
 }
+
+/**
+Dimmer
+*/
+.dimmer {
+  position: relative;
+
+  .loader {
+    display: none;
+    margin: 0 auto;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    transform: translateY(-50%);
+  }
+
+  &.active {
+    .loader {
+      display: block;
+    }
+
+    .dimmer-content {
+      opacity: .1;
+      pointer-events: none;
+    }
+  }
+}