diff --git a/src/components/pages/DetailAnggaran.vue b/src/components/pages/DetailAnggaran.vue
index 0f0c7975b9150c41c60d833fd54a65650b530d46..a600b746af3a84b2170ec8a9479578500947a02f 100644
--- a/src/components/pages/DetailAnggaran.vue
+++ b/src/components/pages/DetailAnggaran.vue
@@ -5,10 +5,14 @@
     <b-row class="justify-content-md-center">
       <b-col id="visualization" class="bg-light" cols="12">
         <div id="toggle" v-if="currentData.level == 1">
-          <b-button class="option-toggle float-right" @click="toggleHandler()">
-            <span v-if="toggleData">Tampilan per Dinas</span>
-            <span v-else>Tampilan per urusan</span>
-          </b-button>
+          <b-button-group>
+            <b-button :disabled="!toggleData" class="option-toggle float-right" @click="toggleHandler()">
+              <span>Per Urusan</span>
+            </b-button>
+            <b-button :disabled="toggleData" class="option-toggle float-right" @click="toggleHandler()">
+              <span>Per Dinas</span>
+            </b-button>
+          </b-button-group>
         </div>
         <visualization 
           v-bind:src="data"