diff --git a/src/components/PaginationBar.vue b/src/components/PaginationBar.vue
index 0720bfd0..d7d628b1 100644
--- a/src/components/PaginationBar.vue
+++ b/src/components/PaginationBar.vue
@@ -40,7 +40,7 @@ function gotoPage(pageNum: number) {
         <div v-if="total && limit" class="btn-group">
             <button v-for="{ page, color } in pages" :key="page"
                 class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white" :class="{
-                    '!bg-primary text-white': color === 'btn-primary',
+                    '!btn-primary': color === 'btn-primary',
                 }" @click="gotoPage(page)">
                 {{ page }}
             </button>
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index a60cffce..16183cef 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -302,7 +302,7 @@ loadAvatars();
                 <label
                   v-else
                   for="delegate"
-                  class="btn btn-xs rounded !bg-primary capitalize border-none"
+                  class="btn btn-xs btn-primary rounded-sm capitalize"
                   @click="
                     dialog.open('delegate', {
                       validator_address: v.operator_address,
diff --git a/src/style.css b/src/style.css
index 6685891f..c2615393 100644
--- a/src/style.css
+++ b/src/style.css
@@ -33,8 +33,4 @@ html[data-theme='dark'] {
 .table th:first-child {
   position: relative;
   z-index: 2;
-}
-
-.btn {
-  @apply rounded;
-}
+}
\ No newline at end of file