From 862358510665612e6b816d9b8ae9b3456ac62ad1 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Wed, 18 Dec 2024 13:57:29 +0530
Subject: [PATCH] minor fix -- missing margin bottom for orphan favorites
 (#9111)

this PR is a followup of the favorites followups which was the follow-up
of some other PR :)
---
 .../CurrentWorkspaceMemberOrphanFavorites.tsx | 42 +++++++++++--------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberOrphanFavorites.tsx b/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberOrphanFavorites.tsx
index de619a560..a32fdbd33 100644
--- a/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberOrphanFavorites.tsx
+++ b/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberOrphanFavorites.tsx
@@ -17,6 +17,10 @@ const StyledEmptyContainer = styled.div`
   width: 100%;
 `;
 
+const StyledOrphanFavoritesContainer = styled.div`
+  margin-bottom: ${({ theme }) => theme.betweenSiblingsGap};
+`;
+
 export const CurrentWorkspaceMemberOrphanFavorites = () => {
   const { sortedFavorites: favorites } = useFavorites();
   const { deleteFavorite } = useDeleteFavorite();
@@ -38,24 +42,26 @@ export const CurrentWorkspaceMemberOrphanFavorites = () => {
             index={index}
             isInsideScrollableContainer={true}
             itemComponent={
-              <NavigationDrawerItem
-                label={favorite.labelIdentifier}
-                Icon={() => <FavoriteIcon favorite={favorite} />}
-                active={isLocationMatchingFavorite(
-                  currentPath,
-                  currentViewPath,
-                  favorite,
-                )}
-                to={favorite.link}
-                rightOptions={
-                  <LightIconButton
-                    Icon={IconHeartOff}
-                    onClick={() => deleteFavorite(favorite.id)}
-                    accent="tertiary"
-                  />
-                }
-                isDragging={isDragging}
-              />
+              <StyledOrphanFavoritesContainer>
+                <NavigationDrawerItem
+                  label={favorite.labelIdentifier}
+                  Icon={() => <FavoriteIcon favorite={favorite} />}
+                  active={isLocationMatchingFavorite(
+                    currentPath,
+                    currentViewPath,
+                    favorite,
+                  )}
+                  to={favorite.link}
+                  rightOptions={
+                    <LightIconButton
+                      Icon={IconHeartOff}
+                      onClick={() => deleteFavorite(favorite.id)}
+                      accent="tertiary"
+                    />
+                  }
+                  isDragging={isDragging}
+                />
+              </StyledOrphanFavoritesContainer>
             }
           />
         ))