diff --git a/src/components/misc/card.vue b/src/components/misc/card.vue
index d2cd5b633..34a55d427 100644
--- a/src/components/misc/card.vue
+++ b/src/components/misc/card.vue
@@ -54,3 +54,25 @@ export default {
 	emits: ['close'],
 }
 </script>
+
+<style lang="scss" scoped>
+.card {
+  background-color: $white;
+  border-radius: $radius;
+  margin-bottom: 1rem;
+  border: 1px solid $grey-200;
+  box-shadow: $shadow-sm;
+}
+
+.card-header {
+  box-shadow: none;
+  border-bottom: 1px solid $grey-200;
+  border-radius: $radius $radius 0 0;
+}
+
+// FIXME: should maybe be merged somehow with modal
+::v-deep.modal-card-foot {
+  background-color: $grey-50;
+  border-top: 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/components/base/_index.scss b/src/styles/components/base/_index.scss
index 477b27eb8..c70eda463 100644
--- a/src/styles/components/base/_index.scss
+++ b/src/styles/components/base/_index.scss
@@ -1,4 +1,3 @@
-@import 'card';
 @import 'fancycheckbox';
 @import 'multiselect';
 @import 'scrollbars';
\ No newline at end of file
diff --git a/src/styles/components/base/card.scss b/src/styles/components/base/card.scss
deleted file mode 100644
index 519f0a1af..000000000
--- a/src/styles/components/base/card.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-.card {
-  background-color: $white;
-  border-radius: $radius;
-  margin-bottom: 1rem;
-
-  .card-image {
-    img {
-      border-radius: $radius $radius 0 0;
-    }
-  }
-
-  .card-header {
-    box-shadow: none;
-    border-bottom: 1px solid $grey-200;
-    border-radius: $radius $radius 0 0;
-  }
-
-  .modal-card-foot {
-    background: $grey-50;
-    border-top: 0;
-  }
-}
-
-.box, .card {
-  border: 1px solid $grey-200;
-  box-shadow: $shadow-sm;
-}
diff --git a/src/styles/theme/theme.scss b/src/styles/theme/theme.scss
index b92f1214c..42a481570 100644
--- a/src/styles/theme/theme.scss
+++ b/src/styles/theme/theme.scss
@@ -147,3 +147,8 @@ button.table {
 .dragging-disabled .handle {
 	opacity: 0 !important;
 }
+
+.box {
+  border: 1px solid $grey-200;
+  box-shadow: $shadow-sm;
+}
\ No newline at end of file