From 03c84e8fcd63ba38ac6b7a9cfef41776bdf2d83f Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Sat, 25 Apr 2026 21:52:00 +0200
Subject: [PATCH] Remove custom fields header from item view mode in browser
 extensio and mobile app (#1965)

---
 .../src/entrypoints/popup/pages/items/ItemDetails.tsx      | 3 ---
 .../components/items/details/CustomFieldsSection.tsx       | 7 -------
 2 files changed, 10 deletions(-)

diff --git a/apps/browser-extension/src/entrypoints/popup/pages/items/ItemDetails.tsx b/apps/browser-extension/src/entrypoints/popup/pages/items/ItemDetails.tsx
index 38bedc986..c9dee3c5c 100644
--- a/apps/browser-extension/src/entrypoints/popup/pages/items/ItemDetails.tsx
+++ b/apps/browser-extension/src/entrypoints/popup/pages/items/ItemDetails.tsx
@@ -268,9 +268,6 @@ const ItemDetails: React.FC = (): React.ReactElement => {
           {/* Custom Fields */}
           {groupedFields[FieldCategories.Custom] && groupedFields[FieldCategories.Custom].length > 0 && (
             <div className="space-y-2">
-              <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
-                {t('common.customFields')}
-              </h2>
               {groupedFields[FieldCategories.Custom].map((field) => (
                 <FieldBlock key={field.FieldKey} field={field} itemId={item.Id} />
               ))}
diff --git a/apps/mobile-app/components/items/details/CustomFieldsSection.tsx b/apps/mobile-app/components/items/details/CustomFieldsSection.tsx
index 710be98a0..ea853829d 100644
--- a/apps/mobile-app/components/items/details/CustomFieldsSection.tsx
+++ b/apps/mobile-app/components/items/details/CustomFieldsSection.tsx
@@ -1,9 +1,6 @@
-import { useTranslation } from 'react-i18next';
-
 import type { Item, ItemField } from '@/utils/dist/core/models/vault';
 
 import FieldBlock from '@/components/items/details/FieldBlock';
-import { ThemedText } from '@/components/themed/ThemedText';
 import { ThemedView } from '@/components/themed/ThemedView';
 
 type CustomFieldsSectionProps = {
@@ -15,9 +12,6 @@ type CustomFieldsSectionProps = {
  * Displays all custom fields for an item.
  */
 export const CustomFieldsSection: React.FC<CustomFieldsSectionProps> = ({ item }): React.ReactNode => {
-  const { t } = useTranslation();
-
-  // Get custom fields from the item
   const customFields = item.Fields.filter(
     (field: ItemField) => field.IsCustomField
   );
@@ -28,7 +22,6 @@ export const CustomFieldsSection: React.FC<CustomFieldsSectionProps> = ({ item }
 
   return (
     <ThemedView style={styles.section}>
-      <ThemedText type="subtitle">{t('itemTypes.customFields')}</ThemedText>
       {customFields.map((field: ItemField) => (
         <FieldBlock
           key={field.FieldKey}