diff --git a/src/components/partials/DetailCard.vue b/src/components/partials/DetailCard.vue
index a2ed4b28d0370d19d599f7962e006b95e15e8260..367bfeeab9fede7a06b450ba57d3f1b7fbd27fea 100644
--- a/src/components/partials/DetailCard.vue
+++ b/src/components/partials/DetailCard.vue
@@ -1,5 +1,8 @@
 <template>
-  <div>
+  <div id="placeholder">
+    <h4 class="font-weight-bold">
+      Hierarki
+    </h4>
     <b-card 
       header="Card Header"
       header-text-variant="light"
@@ -53,6 +56,10 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+#placeholder {
+  padding: 10px;
+}
+
 .card-body {
   font-size: 1rem;
   padding: 0 1rem;
diff --git a/src/components/partials/SimpleCardContainerScroll.vue b/src/components/partials/SimpleCardContainerScroll.vue
index 60a0fc034257c3265aae0abe5360b4e0c3e2d697..113dcfc7982382e0a48619bc35bdaa6e4e3e061b 100644
--- a/src/components/partials/SimpleCardContainerScroll.vue
+++ b/src/components/partials/SimpleCardContainerScroll.vue
@@ -44,7 +44,7 @@ b-col {
 #placeholder {
 
   width: 100%;
-  margin : 10px;
+  padding: 10px;
   
   #content-detail {
     padding-top: 20px;