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 :)
twentyhq · Dec 18, 2024 · 8623585 · 8623585
1 parent e0f1db2
commit 8623585
Showing 1 changed file with 24 additions and 18 deletions.
diff --git a/...s/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberOrphanFavorites.tsx b/...s/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>
             }
           />
         ))