diff --git a/src/modules/wallet/services/WalletService.ts b/src/modules/wallet/services/WalletService.ts
index fac772a..598c355 100644
--- a/src/modules/wallet/services/WalletService.ts
+++ b/src/modules/wallet/services/WalletService.ts
@@ -268,16 +268,35 @@ export default class WalletService extends BaseService {
         const payments = await response.json()
         
         // Transform to our transaction format
-        this._transactions.value = payments.map((payment: any) => ({
-          id: payment.payment_hash,
-          amount: Math.abs(payment.amount) / 1000,
-          description: payment.memo || payment.description || 'No description',
-          timestamp: payment.time ? new Date(payment.time * 1000) : new Date(),
-          type: payment.amount > 0 ? 'received' : 'sent',
-          status: payment.pending ? 'pending' : 'confirmed',
-          fee: payment.fee ? payment.fee / 1000 : undefined,
-          tag: payment.tag || (payment.extra && payment.extra.tag) || null
-        })).sort((a: PaymentTransaction, b: PaymentTransaction) =>
+        this._transactions.value = payments.map((payment: any) => {
+          let timestamp = new Date()
+
+          if (payment.time) {
+            // Check if it's an ISO string or Unix timestamp
+            if (typeof payment.time === 'string' && payment.time.includes('T')) {
+              // ISO string format (e.g., "2025-09-14T16:49:40.378877+00:00")
+              timestamp = new Date(payment.time)
+            } else if (typeof payment.time === 'number' || !isNaN(Number(payment.time))) {
+              // Unix timestamp (seconds) - multiply by 1000 for milliseconds
+              timestamp = new Date(Number(payment.time) * 1000)
+            } else {
+              // Try to parse as-is
+              timestamp = new Date(payment.time)
+            }
+          }
+
+
+          return {
+            id: payment.payment_hash,
+            amount: Math.abs(payment.amount) / 1000,
+            description: payment.memo || payment.description || 'No description',
+            timestamp: timestamp,
+            type: payment.amount > 0 ? 'received' : 'sent',
+            status: payment.pending ? 'pending' : 'confirmed',
+            fee: payment.fee ? payment.fee / 1000 : undefined,
+            tag: payment.tag || (payment.extra && payment.extra.tag) || null
+          }
+        }).sort((a: PaymentTransaction, b: PaymentTransaction) =>
           b.timestamp.getTime() - a.timestamp.getTime()
         )
 
diff --git a/src/modules/wallet/views/WalletPage.vue b/src/modules/wallet/views/WalletPage.vue
index b72f6a6..c638700 100644
--- a/src/modules/wallet/views/WalletPage.vue
+++ b/src/modules/wallet/views/WalletPage.vue
@@ -178,52 +178,134 @@ onMounted(() => {
               <div v-for="(txs, date) in groupedTransactions" :key="date" class="mb-6">
                 <div class="text-sm font-medium text-muted-foreground mb-3">{{ date }}</div>
                 
-                <div class="space-y-2">
-                  <div 
-                    v-for="tx in txs" 
+                <div class="space-y-3">
+                  <div
+                    v-for="tx in txs"
                     :key="tx.id"
-                    class="flex items-center justify-between p-4 rounded-lg border hover:bg-accent/50 transition-colors"
+                    class="p-3 rounded-lg border hover:bg-accent/50 transition-colors"
                   >
-                    <div class="flex items-center gap-4">
-                      <div 
-                        class="p-2 rounded-full bg-background border"
-                        :class="getTransactionColor(tx.type)"
-                      >
-                        <component 
-                          :is="getTransactionIcon(tx.type)" 
-                          class="h-4 w-4"
-                        />
-                      </div>
-                      
-                      <div>
-                        <p class="font-medium">{{ tx.description }}</p>
-                        <div class="flex items-center gap-2 text-sm text-muted-foreground">
-                          <span>{{
-                            tx.timestamp instanceof Date && !isNaN(tx.timestamp.getTime())
-                              ? format(tx.timestamp, 'HH:mm')
-                              : '--:--'
+                    <!-- Mobile Layout: Stack vertically -->
+                    <div class="block sm:hidden">
+                      <!-- Header Row: Icon, Amount, Type -->
+                      <div class="flex items-center justify-between mb-2">
+                        <div class="flex items-center gap-3">
+                          <div
+                            class="p-1.5 rounded-full bg-background border"
+                            :class="getTransactionColor(tx.type)"
+                          >
+                            <component
+                              :is="getTransactionIcon(tx.type)"
+                              class="h-3.5 w-3.5"
+                            />
+                          </div>
+                          <span class="text-sm text-muted-foreground">{{
+                            (() => {
+                              try {
+                                if (tx.timestamp instanceof Date && !isNaN(tx.timestamp.getTime())) {
+                                  return format(tx.timestamp, 'HH:mm')
+                                } else if (tx.timestamp) {
+                                  // Try to parse as string or number
+                                  const date = new Date(tx.timestamp)
+                                  if (!isNaN(date.getTime())) {
+                                    return format(date, 'HH:mm')
+                                  }
+                                }
+                                return '--:--'
+                              } catch (error) {
+                                console.warn('Failed to format timestamp:', tx.timestamp, error)
+                                return '--:--'
+                              }
+                            })()
                           }}</span>
-                          <Badge :variant="getStatusColor(tx.status)" class="text-xs">
-                            {{ tx.status }}
-                          </Badge>
-                          <Badge v-if="tx.tag" variant="outline" class="text-xs">
-                            {{ tx.tag }}
-                          </Badge>
+                        </div>
+
+                        <div class="text-right">
+                          <p
+                            class="font-semibold text-base"
+                            :class="getTransactionColor(tx.type)"
+                          >
+                            {{ tx.type === 'received' ? '+' : '-' }}{{ tx.amount.toLocaleString() }}
+                          </p>
+                          <p class="text-xs text-muted-foreground">sats</p>
                         </div>
                       </div>
+
+                      <!-- Description Row -->
+                      <div class="mb-2">
+                        <p class="font-medium text-sm leading-tight break-words pr-2">{{ tx.description }}</p>
+                      </div>
+
+                      <!-- Badges Row -->
+                      <div class="flex items-center gap-2 flex-wrap">
+                        <Badge :variant="getStatusColor(tx.status)" class="text-xs">
+                          {{ tx.status }}
+                        </Badge>
+                        <Badge v-if="tx.tag" variant="outline" class="text-xs">
+                          {{ tx.tag }}
+                        </Badge>
+                        <span v-if="tx.fee" class="text-xs text-muted-foreground">
+                          Fee: {{ tx.fee }} sats
+                        </span>
+                      </div>
                     </div>
-                    
-                    <div class="text-right">
-                      <p 
-                        class="font-semibold"
-                        :class="getTransactionColor(tx.type)"
-                      >
-                        {{ tx.type === 'received' ? '+' : '-' }}
-                        {{ tx.amount.toLocaleString() }} sats
-                      </p>
-                      <p v-if="tx.fee" class="text-xs text-muted-foreground">
-                        Fee: {{ tx.fee }} sats
-                      </p>
+
+                    <!-- Desktop Layout: Original horizontal layout -->
+                    <div class="hidden sm:flex items-center justify-between">
+                      <div class="flex items-center gap-4">
+                        <div
+                          class="p-2 rounded-full bg-background border"
+                          :class="getTransactionColor(tx.type)"
+                        >
+                          <component
+                            :is="getTransactionIcon(tx.type)"
+                            class="h-4 w-4"
+                          />
+                        </div>
+
+                        <div class="min-w-0 flex-1">
+                          <p class="font-medium truncate">{{ tx.description }}</p>
+                          <div class="flex items-center gap-2 text-sm text-muted-foreground">
+                            <span>{{
+                              (() => {
+                                try {
+                                  if (tx.timestamp instanceof Date && !isNaN(tx.timestamp.getTime())) {
+                                    return format(tx.timestamp, 'HH:mm')
+                                  } else if (tx.timestamp) {
+                                    // Try to parse as string or number
+                                    const date = new Date(tx.timestamp)
+                                    if (!isNaN(date.getTime())) {
+                                      return format(date, 'HH:mm')
+                                    }
+                                  }
+                                  return '--:--'
+                                } catch (error) {
+                                  console.warn('Failed to format timestamp:', tx.timestamp, error)
+                                  return '--:--'
+                                }
+                              })()
+                            }}</span>
+                            <Badge :variant="getStatusColor(tx.status)" class="text-xs">
+                              {{ tx.status }}
+                            </Badge>
+                            <Badge v-if="tx.tag" variant="outline" class="text-xs">
+                              {{ tx.tag }}
+                            </Badge>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div class="text-right ml-4">
+                        <p
+                          class="font-semibold"
+                          :class="getTransactionColor(tx.type)"
+                        >
+                          {{ tx.type === 'received' ? '+' : '-' }}
+                          {{ tx.amount.toLocaleString() }} sats
+                        </p>
+                        <p v-if="tx.fee" class="text-xs text-muted-foreground">
+                          Fee: {{ tx.fee }} sats
+                        </p>
+                      </div>
                     </div>
                   </div>
                 </div>