diff --git a/src/components/pages/BiayaLangsungPage.vue b/src/components/pages/BiayaLangsungPage.vue
index 2150deb80ce3cbb600fbd1106a873514e645e49f..b6788ab8ce6406d7255e3a614256e7299cab9f89 100644
--- a/src/components/pages/BiayaLangsungPage.vue
+++ b/src/components/pages/BiayaLangsungPage.vue
@@ -10,21 +10,21 @@
           ref="viz"
         />
       </b-col>
-      <b-col cols="12">
-        <detail-card  :detailAnggaran='items' />
-      </b-col>
     </b-row>
     <b-row class="justify-content-md-center">
-      <b-col id="anggaran-detail-card" cols="12" lg="4">
+      <b-col cols="12" lg="6">
+        <detail-card  :detailAnggaran='items' />
+      </b-col>
+      <b-col id="anggaran-detail-card" cols="12" lg="6">
         <simple-card-container-scroll  :dataBubble='data' />
       </b-col>
-      <b-col id="comments-container" cols="12" lg="8">
-        <comments
-          commentable
-          v-bind:id="this.$route.params.id"
-        />
-      </b-col>  
     </b-row>
+    <b-col id="comments-container" cols="12" lg="8">
+      <comments
+        commentable
+        v-bind:id="this.$route.params.id"
+      />
+    </b-col>  
   </b-container>
 </template>
 
@@ -120,7 +120,9 @@ export default {
       .then(response => response.json())
       .then(response => {
         if(response.status === 200) {
-          this.data = response.subdata
+          this.data = response.subdata.sort(function(a, b) { 
+              return b.value - a.value;
+          })
           this.currentData = response.data
           this.breadcrumbHandler()
         }