diff --git a/ui/src/components/ConfigView.vue b/ui/src/components/ConfigView.vue
index 9286045..fc512d1 100644
--- a/ui/src/components/ConfigView.vue
+++ b/ui/src/components/ConfigView.vue
@@ -98,9 +98,3 @@ import BulmaDrawer from "./bulma/Drawer.vue";
 })
 export default class extends Vue {}
 </script>
-
-<style scoped>
-div.card:not(:last-child) {
-  margin-bottom: 1.5rem;
-}
-</style>
diff --git a/ui/src/components/bulma/Drawer.vue b/ui/src/components/bulma/Drawer.vue
index 2b215c1..fa33b86 100644
--- a/ui/src/components/bulma/Drawer.vue
+++ b/ui/src/components/bulma/Drawer.vue
@@ -36,8 +36,13 @@ export default class extends Vue {
 }
 </script>
 
-<style scoped>
-div.card > .card-header {
-  cursor: pointer;
+<style lang="scss" scoped>
+div.card {
+  &:not(:last-child) {
+    margin-bottom: 1.5rem;
+  }
+  > .card-header {
+    cursor: pointer;
+  }
 }
 </style>