diff --git a/src/components/NetworkSelector.vue b/src/components/NetworkSelector.vue
index 59d8b6b..f21bd5e 100644
--- a/src/components/NetworkSelector.vue
+++ b/src/components/NetworkSelector.vue
@@ -171,7 +171,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="space-y-3 min-w-[320px]">
+  <div class="space-y-3 w-full sm:min-w-[320px]">
 
     <div class="font-semibold text-lg">Node Management</div>
 
@@ -187,9 +187,9 @@ onMounted(async () => {
           size="sm"
           @click="handleSelect(node.url)"
       >
-        <ItemContent class="flex-1">
+        <ItemContent class="flex-1 min-w-0">
           <ItemTitle>{{ node.isCustom ? 'Custom Node' : `Default Node` }}</ItemTitle>
-          <ItemDescription class="font-mono">
+          <ItemDescription class="font-mono break-all">
             {{ node.url }}
           </ItemDescription>
         </ItemContent>
diff --git a/src/pages/Receive.vue b/src/pages/Receive.vue
index dde879d..711e2c2 100644
--- a/src/pages/Receive.vue
+++ b/src/pages/Receive.vue
@@ -189,33 +189,34 @@ function goBack() {
                 v-for="block in unreceivedBlocks"
                 :key="block.hash.toString()"
                 variant="muted"
-                class="border-border"
+                class="border-border flex-col items-stretch sm:flex-row sm:items-center"
               >
-                <ItemContent class="flex-1">
+                <ItemContent class="flex-1 min-w-0">
                   <ItemTitle>
                     {{ addNumberDecimals(block.amount, block.token.decimals) }}
                     {{ block.token?.symbol || 'Unknown' }}
                   </ItemTitle>
-                  <ItemDescription class="space-y-0.5 line-clamp-none">
+                  <ItemDescription class="space-y-2 line-clamp-none">
                     <div>
-                      <span class="font-medium">From:</span>
-                      <span class="font-mono ml-1">{{ block.address.toString() }}</span>
+                      <div class="text-xs font-medium text-muted-foreground">From</div>
+                      <div class="font-mono break-all text-foreground">{{ block.address.toString() }}</div>
                     </div>
                     <div>
-                      <span class="font-medium">ZTS:</span>
-                      <span class="ml-1">{{ block.tokenStandard.toString() }}</span>
+                      <div class="text-xs font-medium text-muted-foreground">ZTS</div>
+                      <div class="font-mono break-all text-foreground">{{ block.tokenStandard.toString() }}</div>
                     </div>
                     <div>
-                      <span class="font-medium">Time:</span>
-                      <span class="ml-1">{{ formatDate(block.confirmationDetail?.momentumTimestamp || 0) }}</span>
+                      <div class="text-xs font-medium text-muted-foreground">Time</div>
+                      <div class="text-foreground">{{ formatDate(block.confirmationDetail?.momentumTimestamp || 0) }}</div>
                     </div>
                   </ItemDescription>
                 </ItemContent>
-                <ItemActions>
+                <ItemActions class="shrink-0">
                   <Button
                     @click="handleReceive(block)"
                     :disabled="currentlyReceivingHash === block.hash.toString()"
                     size="sm"
+                    class="w-full sm:w-auto"
                   >
                     <span v-if="currentlyReceivingHash === block.hash.toString()">Receiving...</span>
                     <span v-else>Receive</span>