diff --git a/frontend/src/features/points/views/PointsMallView.vue b/frontend/src/features/points/views/PointsMallView.vue
index 320e523..8e1002c 100644
--- a/frontend/src/features/points/views/PointsMallView.vue
+++ b/frontend/src/features/points/views/PointsMallView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRouter } from 'vue-router'
 
 import {
   fetchMyPointsRedemptions,
@@ -15,8 +15,8 @@ import {
 } from '@/features/points/api/pointsMall'
 import { readError } from '@/shared/utils/error'
 
+const props = withDefaults(defineProps<{ mobile?: boolean }>(), { mobile: false })
 const router = useRouter()
-const route = useRoute()
 const loading = ref(true)
 const redeemingID = ref(0)
 const errorMessage = ref('')
@@ -25,7 +25,7 @@ const products = ref<PointsMallProduct[]>([])
 const redemptions = ref<PointsMallRedemption[]>([])
 const ledger = ref<PointsLedgerItem[]>([])
 const activeTab = ref<'mall' | 'records'>('mall')
-const isMobile = computed(() => route.path.startsWith('/m/'))
+const isMobile = computed(() => props.mobile)
 const multiplierText = computed(() =>
   summary.value ? (summary.value.points_multiplier_bps / 10000).toFixed(2) : '1.00'
 )
@@ -200,8 +200,11 @@ function sourceLabel(source: string) {
 
 <style scoped>
 .points-mall {
+  width: 100%;
+  max-width: none;
+  margin: 0;
   min-height: 100vh;
-  padding: 28px max(20px, calc((100vw - 1240px) / 2));
+  padding: 28px max(20px, calc((100% - 1240px) / 2));
   background: #f5f7fb;
   color: #20242a;
 }
diff --git a/frontend/src/router/accountRoutes.ts b/frontend/src/router/accountRoutes.ts
index 7e3a40d..a2f1f65 100644
--- a/frontend/src/router/accountRoutes.ts
+++ b/frontend/src/router/accountRoutes.ts
@@ -24,6 +24,7 @@ export const accountRoutes: RouteRecordRaw[] = [
     name: 'points-mall',
     component: () => import('@/features/points/views/PointsMallView.vue'),
     meta: { requiresAuth: true },
+    props: { mobile: false },
   },
   {
     path: '/orders',
diff --git a/frontend/src/router/mobileRoutes.ts b/frontend/src/router/mobileRoutes.ts
index 701ae2d..38fdc3d 100644
--- a/frontend/src/router/mobileRoutes.ts
+++ b/frontend/src/router/mobileRoutes.ts
@@ -100,6 +100,7 @@ export const mobileRoutes: RouteRecordRaw[] = [
     name: 'mobile-points-mall',
     component: () => import('@/features/points/views/PointsMallView.vue'),
     meta: { layout: 'blank', requiresAuth: true },
+    props: { mobile: true },
   },
   {
     path: '/m/notifications',