fix(mobile): fix mobile list styling

2 files changed, 6 insertions, 6 deletions

diff --git a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx
index cc6db014..8402bb0b 100644
--- a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx
+++ b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_lists.tsx
@@ -92,7 +92,7 @@ const ListPickerPage = () => {
       <FlatList
         className="h-full"
         contentContainerStyle={{
-          gap: 5,
+          gap: 6,
         }}
         renderItem={(l) => {
           const listId = l.item[l.item.length - 1].id;
@@ -100,14 +100,14 @@ const ListPickerPage = () => {
           const isChecked = existingLists && existingLists.has(listId);
 
           return (
-            <View className="mx-2 flex flex-row items-center rounded-xl border border-input bg-card px-4 py-2">
+            <View className="mx-2 flex flex-row items-center rounded-xl bg-card px-4 py-2">
               <Pressable
                 key={listId}
                 onPress={() => !isLoading && toggleList(listId)}
                 disabled={isLoading}
-                className="flex w-full flex-row justify-between"
+                className="flex w-full flex-row items-center justify-between"
               >
-                <Text>
+                <Text className="shrink">
                   {l.item
                     .map((item) => `${item.icon} ${item.name}`)
                     .join(" / ")}
diff --git a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx
index a4575b27..984bc224 100644
--- a/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx
+++ b/apps/mobile/app/dashboard/bookmarks/[slug]/manage_tags.tsx
@@ -165,7 +165,7 @@ const ListPickerPage = () => {
         contentInsetAdjustmentBehavior="automatic"
         keyExtractor={(t) => t.id}
         contentContainerStyle={{
-          gap: 5,
+          gap: 6,
         }}
         SectionSeparatorComponent={() => <View className="h-1" />}
         sections={[
@@ -207,7 +207,7 @@ const ListPickerPage = () => {
               })
             }
           >
-            <View className="mx-2 flex flex-row items-center gap-2 rounded-xl border border-input bg-card px-4 py-2">
+            <View className="mx-2 flex flex-row items-center gap-2 rounded-xl bg-card px-4 py-2">
               {t.section.title == "Existing Tags" && (
                 <Check color={colors.foreground} />
               )}