diff --git a/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx b/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx
index b96036529..28dc028eb 100644
--- a/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx
+++ b/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx
@@ -1,9 +1,10 @@
 import { useState, useEffect } from 'react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import styled from 'styled-components';
-import { Modal } from '@lilith/ui-feedback';
+import { Modal, PillTabs } from '@lilith/ui-feedback';
 import { Button, Input, Select, Checkbox, Textarea, Alert } from '@lilith/ui-primitives';
-import { PillTabs } from '@lilith/ui-feedback';
+import { Stack } from '@lilith/ui-layout';
+import { Heading, Text } from '@lilith/ui-typography';
 import { createProduct, updateProduct } from './api';
 import { VariantsEditor } from './VariantsEditor';
 import type { Product, CreateProductDto, UpdateProductDto, ProductType, InventoryType } from './types';
@@ -75,10 +76,7 @@ const Divider = styled.div`
   margin-top: ${({ theme }) => theme.spacing.md};
 `;
 
-const SectionTitle = styled.h3`
-  font-weight: ${({ theme }) => theme.typography.fontWeight.medium};
-  margin-bottom: ${({ theme }) => theme.spacing.md};
-`;
+// Using Heading from ui-typography instead of custom SectionTitle
 
 const HelpText = styled.p`
   font-size: ${({ theme }) => theme.typography.fontSize.xs};
@@ -409,7 +407,7 @@ export function ProductModal({ product, onClose }: ProductModalProps) {
             {formData.productType.startsWith('physical') && (
               <>
                 <Divider>
-                  <SectionTitle>Shipping</SectionTitle>
+                  <Heading as="h3" size="base" weight="medium" marginBottom="xs">Shipping</Heading>
                 </Divider>
 
                 <CheckboxLabel>