1 files changed, 6 insertions, 25 deletions
diff --git a/src/components/_sila/Global/Collapse.vue b/src/components/_sila/Global/Collapse.vue
index c8665c28..ac7eb467 100644
--- a/src/components/_sila/Global/Collapse.vue
+++ b/src/components/_sila/Global/Collapse.vue
@@ -1,16 +1,18 @@
 <template>
-  <div class="page-collapse-decorator">
+  <div>
     <b-button
       v-b-toggle="id"
       variant="collapse"
       class="d-flex flex-nowrap justify-content-start"
     >
-      <img :src="require(imgPath)" />
+      <slot name="image"></slot>
       {{ title }}
       <component :is="iconChevronUp" class="icon-expand" />
     </b-button>
     <b-collapse :id="id" class="nav-item__nav">
-      <slot></slot>
+      <slot
+        style="margin-top 2rem; margin-left: 2rem; margin-right: 2 rem;"
+      ></slot>
     </b-collapse>
   </div>
 </template>
@@ -24,13 +26,9 @@ export default {
       type: String,
       default: null,
     },
-    imgPath: {
-      type: String,
-      default: '@/assets/images/_sila/collapsed/temperature.svg',
-    },
     title: {
       type: String,
-      default: 'collapsed title',
+      default: null,
     },
   },
   data() {
@@ -40,20 +38,3 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
-//nav items style
-.nav-item,
-.nav-link {
-  padding: 0;
-}
-.nav-item {
-  list-style-type: none;
-}
-
-a {
-  color: $text-primary !important;
-  &:hover {
-    color: $text-primary !important;
-  }
-}
-</style>