From 3dba0bf4e6fd1eafc889f3f4f49cde8966524af6 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Thu, 9 Jul 2026 10:36:20 +0500
Subject: [PATCH] mobile: fix trash and note item ui

---
 apps/mobile/app/components/list-items/note/index.tsx | 6 +++---
 apps/mobile/app/screens/notes/index.tsx              | 6 ++++++
 apps/mobile/app/screens/trash/index.tsx              | 6 +++++-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/mobile/app/components/list-items/note/index.tsx b/apps/mobile/app/components/list-items/note/index.tsx
index 3ebbfb8f7..e8c40cf9a 100644
--- a/apps/mobile/app/components/list-items/note/index.tsx
+++ b/apps/mobile/app/components/list-items/note/index.tsx
@@ -465,8 +465,8 @@ const NoteItem = ({
         >
           {isTrash ? (
             <Paragraph
-              color={primaryColors.accent}
-              fontSize="XXS"
+              color={colors.secondary.paragraph}
+              fontSize="XS"
               style={{
                 marginRight: 6
               }}
@@ -488,7 +488,7 @@ const NoteItem = ({
                 style={{
                   marginTop: 1
                 }}
-                name="calendar"
+                name="trash-alt"
                 iconFamily="notesnook"
               />
               <Paragraph
diff --git a/apps/mobile/app/screens/notes/index.tsx b/apps/mobile/app/screens/notes/index.tsx
index 423daa669..588294e2f 100644
--- a/apps/mobile/app/screens/notes/index.tsx
+++ b/apps/mobile/app/screens/notes/index.tsx
@@ -42,6 +42,8 @@ import useNavigationStore, {
 import { useSettingStore } from "../../stores/use-setting-store";
 import { rootNavigatorRef } from "../../utils/global-refs";
 import { setOnFirstSave } from "./common";
+import LineSeparator from "../../components/ui/seperator/line-separator";
+import { Spacing } from "../../common/design/spacing";
 
 export interface RouteProps<T extends RouteName> extends NavigationProps<T> {
   get: (
@@ -210,7 +212,11 @@ const NotesPage = ({
           });
         }}
         onPressDefaultRightButton={onPressFloatingButton}
+        style={{
+          paddingHorizontal: Spacing.LEVEL_2
+        }}
       />
+      <LineSeparator paddingVertical={Spacing.LEVEL_3} />
 
       <DelayLayout color={accentColor} wait={loadingNotes}>
         <List
diff --git a/apps/mobile/app/screens/trash/index.tsx b/apps/mobile/app/screens/trash/index.tsx
index 22118bf19..fd22ef8db 100644
--- a/apps/mobile/app/screens/trash/index.tsx
+++ b/apps/mobile/app/screens/trash/index.tsx
@@ -41,6 +41,10 @@ const onPressFloatingButton = () => {
     paragraph: strings.clearTrashDesc(),
     positiveText: strings.clear(),
     negativeText: strings.cancel(),
+    centered: true,
+    icon: "warning-circle",
+    iconType: "error",
+    iconFamily: "notesnook",
     positivePress: async () => {
       await db.trash?.clear();
       useTrashStore.getState().refresh();
@@ -51,7 +55,7 @@ const onPressFloatingButton = () => {
         context: "local"
       });
     },
-    positiveType: "errorShade"
+    positiveType: "accent"
   });
 };
 const PLACEHOLDER_DATA = (trashCleanupInterval = 7) => ({