diff --git a/resources/js/components/App.vue b/resources/js/components/App.vue
index 55eae36..1d12a04 100644
--- a/resources/js/components/App.vue
+++ b/resources/js/components/App.vue
@@ -40,8 +40,8 @@ const initialTheme = () => {
 };
 
 (async () => {
-    await appStore.init();
     initialTheme();
+    await appStore.init();
 
     if (window.bootstrap?.name) {
         return;
diff --git a/resources/js/components/SignTransaction.vue b/resources/js/components/SignTransaction.vue
index 47516e3..e277777 100644
--- a/resources/js/components/SignTransaction.vue
+++ b/resources/js/components/SignTransaction.vue
@@ -11,7 +11,7 @@
             <span v-if="!signing">Select an account to sign the transaction</span>
             <span v-else>Signing</span>
         </DialogTitle>
-        <div class="flex flex-col space-y-2 mt-4 relative">
+        <div class="flex flex-col space-y-2 mt-4 relative text-light-content-strong dark:text-dark-content-strong">
             <div v-if="signing">
                 <span>
                     <span> Address: </span>
diff --git a/resources/js/components/slideovers/common/DetailsTransactionSlideover.vue b/resources/js/components/slideovers/common/DetailsTransactionSlideover.vue
index 65b4f62..0682e1f 100644
--- a/resources/js/components/slideovers/common/DetailsTransactionSlideover.vue
+++ b/resources/js/components/slideovers/common/DetailsTransactionSlideover.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="flex h-full flex-col divide-y divide-light-stroke dark:divide-dark-stroke bg-light-surface-primary dark:bg-dark-surface-primary shadow-xl"
+        class="flex h-full flex-col divide-y divide-light-stroke dark:divide-dark-stroke bg-light-surface-primary dark:bg-dark-surface-primary shadow-xl text-light-content-strong dark:text-dark-content-strong"
     >
         <h3 class="text-xl font-semibold px-4 sm:px-6 py-4 text-light-content-strong dark:text-dark-content-strong">
             Transaction Details for {{ transaction?.transactionId ?? transaction?.id }}