diff --git a/src/components/sidebar/AppHeader.vue b/src/components/sidebar/AppHeader.vue
index 4ce0d88839bc54e0ab57ab65b6de55ad6f2dae3c..5148e6b4f60623e7ed76c2f4d8375f3b710bca12 100644
--- a/src/components/sidebar/AppHeader.vue
+++ b/src/components/sidebar/AppHeader.vue
@@ -35,7 +35,7 @@ const userStore = useUserStore();
       </div>
       <div class="ml-auto inline-flex items-center space-x-4 md:space-x-6">
         <ThemeSwitch class="w-6 h-6" />
-        <Button variant="outline" class="[&_svg]:size-6" @click="settingsStore.isLoaded && hasUser ? logout() : walletStore.openWalletSelectModal()">
+        <Button variant="outline" class="[&_svg]:size-6 px-2 md:px-4" @click="settingsStore.isLoaded && hasUser ? logout() : walletStore.openWalletSelectModal()">
           <img v-if="hasUser" :src="getWalletIcon(settingsStore.settings.wallet!)" class="h-6 w-6" />
           <span v-if="settingsStore.isLoaded && hasUser">
             <span class="font-bold hidden md:inline">Disconnect</span>
diff --git a/src/components/utilcards/AuthorityCard.vue b/src/components/utilcards/AuthorityCard.vue
index 857953eeb60fb66f8295cfdbed4ec847c8c73de3..365abd47fc6a1e644d6a91e4acf79fd84db54500 100644
--- a/src/components/utilcards/AuthorityCard.vue
+++ b/src/components/utilcards/AuthorityCard.vue
@@ -41,7 +41,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-accent/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Authority info</span>
diff --git a/src/components/utilcards/ConfirmAccountUpdateCard.vue b/src/components/utilcards/ConfirmAccountUpdateCard.vue
index a060a93853a245cb337af77e776d7abbdfaef49d..0fef62747196cc871e0ef96a87961fda75480411 100644
--- a/src/components/utilcards/ConfirmAccountUpdateCard.vue
+++ b/src/components/utilcards/ConfirmAccountUpdateCard.vue
@@ -64,7 +64,7 @@ const updateAuthority = async() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Process Authority Update</span>
diff --git a/src/components/utilcards/ConfirmCreateAccountCard.vue b/src/components/utilcards/ConfirmCreateAccountCard.vue
index 608b6e76389a6f3fe2943859b4e3c792ae939a0d..6a7be4409155944245905a6ebdc12c6660aa8ee9 100644
--- a/src/components/utilcards/ConfirmCreateAccountCard.vue
+++ b/src/components/utilcards/ConfirmCreateAccountCard.vue
@@ -116,7 +116,7 @@ const createAccount = async() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Process Account Creation</span>
diff --git a/src/components/utilcards/MemoEncryptCard.vue b/src/components/utilcards/MemoEncryptCard.vue
index c429ee39c792c1d0218d766d2a7caa40edb005c0..2ca7c54eafaa0e144ec797ccea3cbfc894e07573 100644
--- a/src/components/utilcards/MemoEncryptCard.vue
+++ b/src/components/utilcards/MemoEncryptCard.vue
@@ -76,7 +76,7 @@ const encryptOrDecrypt = async () => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Memo encryption</span>
diff --git a/src/components/utilcards/SignTransactionCard.vue b/src/components/utilcards/SignTransactionCard.vue
index b120f751f86e7dbee3f1e5ef762e48f962053880..004e4add1ea0b3917cc7c7a56dc8dfad04f09a35 100644
--- a/src/components/utilcards/SignTransactionCard.vue
+++ b/src/components/utilcards/SignTransactionCard.vue
@@ -87,7 +87,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Transaction signing</span>