fix ui

src/components/mobile/MobileCard.vue

@@ -1,6 +1,6 @@
 <template>
   <article
-    class="rounded-2xl border-base surface shadow-sm"
+    class="mobile-card rounded-2xl border-base surface shadow-sm"
     :class="[paddingClass, clickable ? 'cursor-pointer' : '']"
     @click="clickable ? $emit('click') : undefined"
   >
@@ -26,3 +26,9 @@ defineEmits<{
 
 const paddingClass = computed(() => (props.compact ? 'px-3 py-3' : 'p-4'))
 </script>
+
+<style scoped>
+.mobile-card {
+  box-shadow: 0 1px 2px var(--admin-shadow);
+}
+</style>