fix: add margin to skeleton loaders for lists

island-is · Sep 11, 2024 · 32d3ffd · 32d3ffd
1 parent f1b953b
commit 32d3ffd
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/native/app/src/screens/applications/components/applications-list.tsx b/apps/native/app/src/screens/applications/components/applications-list.tsx
@@ -70,7 +70,11 @@ export const ApplicationsList = ({
   const renderItem = useCallback(
     ({ item }: ListRenderItemInfo<FlatListItem>) => {
       if (item.__typename === 'Skeleton') {
-        return <StatusCardSkeleton />
+        return (
+          <View style={{ marginHorizontal: theme.spacing[2] }}>
+            <StatusCardSkeleton />
+          </View>
+        )
       }
 
       if (item.__typename === 'Empty') {