From 13dbb8faf4f3353cc342c91cbebb557d83ebf2ab Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 15 May 2023 18:41:43 +0200
Subject: [PATCH] Prevent add category FAB from overlaying last category (#301)

---
 src/screens/settings/Categories.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/screens/settings/Categories.tsx b/src/screens/settings/Categories.tsx
index 4268875c..ecaab2bc 100644
--- a/src/screens/settings/Categories.tsx
+++ b/src/screens/settings/Categories.tsx
@@ -33,6 +33,7 @@ import NavbarContext from 'components/context/NavbarContext';
 import client, { useQuery } from 'util/client';
 import { ICategory } from 'typings';
 import { useTranslation } from 'react-i18next';
+import { DEFAULT_FULL_FAB_HEIGHT } from 'components/util/StyledFab';
 
 const getItemStyle = (
     isDragging: boolean,
@@ -139,7 +140,7 @@ export default function Categories() {
             <DragDropContext onDragEnd={onDragEnd}>
                 <Droppable droppableId="droppable">
                     {(droppableProvided) => (
-                        <List ref={droppableProvided.innerRef}>
+                        <List ref={droppableProvided.innerRef} sx={{ paddingBottom: DEFAULT_FULL_FAB_HEIGHT }}>
                             {categories.map((item, index) => (
                                 <Draggable key={item.id} draggableId={item.id.toString()} index={index}>
                                     {(draggableProvided, snapshot) => (