mobile: Revert the margins around the cards

2 files changed, 4 insertions, 5 deletions

diff --git a/apps/mobile/components/bookmarks/BookmarkCard.tsx b/apps/mobile/components/bookmarks/BookmarkCard.tsx
index 93a059f8..2189b385 100644
--- a/apps/mobile/components/bookmarks/BookmarkCard.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkCard.tsx
@@ -151,7 +151,7 @@ function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
   const imageComp = bookmark.content.imageUrl ? (
     <Image
       source={{ uri: bookmark.content.imageUrl }}
-      className="h-56 min-h-56 w-full rounded-t-lg object-cover"
+      className="h-56 min-h-56 w-full object-cover"
     />
   ) : (
     <Image
@@ -237,7 +237,7 @@ export default function BookmarkCard({
   }
 
   return (
-    <View className="w-96 rounded-lg border border-gray-300 bg-white shadow-sm">
+    <View className="border-b border-gray-300 bg-white">
       {comp}
     </View>
   );
diff --git a/apps/mobile/components/bookmarks/BookmarkList.tsx b/apps/mobile/components/bookmarks/BookmarkList.tsx
index 79d3d79e..0c8ddb3c 100644
--- a/apps/mobile/components/bookmarks/BookmarkList.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkList.tsx
@@ -42,12 +42,11 @@ export default function BookmarkList({
       itemLayoutAnimation={LinearTransition}
       contentContainerStyle={{
         gap: 15,
-        marginVertical: 15,
-        alignItems: "center",
+        marginBottom: 15,
       }}
       renderItem={(b) => <BookmarkCard bookmark={b.item} />}
       ListEmptyComponent={
-        <View className="h-full items-center justify-center">
+        <View className="h-full pt-4 items-center justify-center">
           <Text className="text-xl">No Bookmarks</Text>
         </View>
       }