1 files changed, 10 insertions, 9 deletions
diff --git a/kamon-status/src/components/Card.vue b/kamon-status/src/components/Card.vue
index d77596da..d3300336 100644
--- a/kamon-status/src/components/Card.vue
+++ b/kamon-status/src/components/Card.vue
@@ -1,19 +1,20 @@
 <template>
-  <div class="outer">
+  <div class="card-wrapper">
     <slot/>
   </div>
 </template>
 
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-.outer {
+@Component
+export default class Card extends Vue {}
+</script>
+
+
+<style lang="scss">
+.card-wrapper {
   background-color: white;
   box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.1);
 }
-
-hr {
-  margin: 0px;
-  border-color: #f3f3f3;
-}
 </style>