diff --git a/artifacts/tx-os/src/pages/home.tsx b/artifacts/tx-os/src/pages/home.tsx
index 9231f43d..c0df9c3a 100644
--- a/artifacts/tx-os/src/pages/home.tsx
+++ b/artifacts/tx-os/src/pages/home.tsx
@@ -135,8 +135,18 @@ function AppIconContent({
         )}
       </div>
       <span
+        lang={lang === "ar" ? "ar" : "en"}
+        dir={lang === "ar" ? "rtl" : "ltr"}
         className="text-[11px] text-foreground/85 font-medium text-center max-w-[78px] block"
         style={{
+          // Pin an Arabic-capable face so iOS Safari doesn't fall back
+          // to a Latin font (which drops the dots under final ي in
+          // labels like "خدماتي"). Falls back to the Latin face for
+          // English labels via the second family in the stack.
+          fontFamily:
+            lang === "ar"
+              ? '"DIN Next LT Arabic", "Helvetica Neue LT Arabic", "Tajawal", sans-serif'
+              : '"Helvetica Neue", system-ui, sans-serif',
           lineHeight: 1.6,
           paddingTop: 2,
           overflow: "hidden",
diff --git a/scripts/src/seed.ts b/scripts/src/seed.ts
index 690eaac0..3301e4fb 100644
--- a/scripts/src/seed.ts
+++ b/scripts/src/seed.ts
@@ -426,6 +426,7 @@ async function main() {
       categoryId: beveragesCat?.id ?? null,
       nameAr: "شاي",
       nameEn: "Tea",
+      imageUrl: "service-images/tea.png",
       price: "0.00",
       isAvailable: true,
       sortOrder: 1,
@@ -443,6 +444,7 @@ async function main() {
       categoryId: beveragesCat?.id ?? null,
       nameAr: "بلاك كوفي",
       nameEn: "Black Coffee",
+      imageUrl: "service-images/black-coffee.png",
       price: "0.00",
       isAvailable: true,
       sortOrder: 3,
@@ -451,6 +453,7 @@ async function main() {
       categoryId: beveragesCat?.id ?? null,
       nameAr: "عصير طازج",
       nameEn: "Fresh Juice",
+      imageUrl: "service-images/juice.png",
       price: "5.00",
       isAvailable: true,
       sortOrder: 5,
@@ -460,6 +463,23 @@ async function main() {
   await db.insert(servicesTable).values(services).onConflictDoNothing({ target: servicesTable.nameEn });
   console.log("Services created");
 
+  // Backfill default imageUrl on existing rows that have a NULL imageUrl
+  // (the insert above is onConflictDoNothing, so existing rows aren't
+  // touched). Only fills NULL — admin-customized URLs are never
+  // overwritten. Re-reads the table so newly-inserted rows are included.
+  const allServicesAfterInsert = await db.select().from(servicesTable);
+  for (const seed of services) {
+    if (!seed.imageUrl) continue;
+    const existing = allServicesAfterInsert.find((s) => s.nameEn === seed.nameEn);
+    if (existing && !existing.imageUrl) {
+      await db
+        .update(servicesTable)
+        .set({ imageUrl: seed.imageUrl })
+        .where(eq(servicesTable.id, existing.id));
+    }
+  }
+  console.log("Service images backfilled for NULL rows");
+
   // ----- Groups: idempotent migration -----
   await db
     .insert(groupsTable)