diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index c1df90cd..912d4646 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -226,7 +226,7 @@ const proposalInfo = ref();
 
     <input type="checkbox" id="proposal-detail-modal" class="modal-toggle" />
     <label for="proposal-detail-modal" class="modal">
-      <label class="modal-box w-11/12 max-w-5xl" for="">
+      <label class="modal-box !w-11/12 !max-w-5xl" for="">
         <label
           for="proposal-detail-modal"
           class="btn btn-sm btn-circle absolute right-2 top-2"
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 10380f37..b3439e1c 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -198,7 +198,7 @@ const result = ref('');
 
     <input type="checkbox" id="modal-contract-states" class="modal-toggle" />
     <label for="modal-contract-states" class="modal cursor-pointer">
-      <label class="modal-box w-11/12 max-w-5xl" for="">
+      <label class="modal-box !w-11/12 !max-w-5xl" for="">
         <div>
           <div class="flex items-center justify-between px-3 pt-2 mb-4">
             <div class="text-lg">Contract States</div>
@@ -235,7 +235,7 @@ const result = ref('');
 
     <input type="checkbox" id="modal-contract-query" class="modal-toggle" />
     <label for="modal-contract-query" class="modal cursor-pointer">
-      <label class="modal-box w-11/12 max-w-5xl" for="">
+      <label class="modal-box !w-11/12 !max-w-5xl" for="">
         <div>
           <div class="flex items-center justify-between px-3 pt-2 mb-4">
             <div class="text-lg font-semibold">Query Contract</div>