diff --git a/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerForm.tsx b/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerForm.tsx
index b185eacaa..29b7ec4a0 100644
--- a/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerForm.tsx
+++ b/packages/webapp/src/containers/Drawers/QuickCreateItemDrawer/QuickCreateItemDrawerForm.tsx
@@ -17,16 +17,6 @@ import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
import { useDrawerContext } from '@/components/Drawer/DrawerProvider';
import { DRAWERS } from '@/constants/drawers';
-/**
- * Drawer item form loading.
- * @returns {JSX}
- */
-function DrawerItemFormLoading({ children }) {
- const { isFormLoading } = useItemFormContext();
-
- return {children};
-}
-
/**
* Quick create/edit item drawer form.
*/
@@ -72,6 +62,16 @@ function QuickCreateItemDrawerForm({
);
}
+/**
+ * Drawer item form loading.
+ * @returns {JSX}
+ */
+function DrawerItemFormLoading({ children }) {
+ const { isFormLoading } = useItemFormContext();
+
+ return {children};
+}
+
export default R.compose(
withDrawerActions,
withDashboardActions,
@@ -79,10 +79,15 @@ export default R.compose(
const ItemFormCard = styled(Card)`
margin: 15px;
+ padding: 25px;
margin-bottom: calc(15px + 65px);
- .page-form__floating-actions {
- margin-left: -36px;
- margin-right: -36px;
+ .page-form {
+ padding: 0;
+
+ &__floating-actions {
+ margin-left: -41px;
+ margin-right: -41px;
+ }
}
`;
diff --git a/packages/webapp/src/containers/Items/ItemFormFormik.tsx b/packages/webapp/src/containers/Items/ItemFormFormik.tsx
index 3acf49da5..45bc74e92 100644
--- a/packages/webapp/src/containers/Items/ItemFormFormik.tsx
+++ b/packages/webapp/src/containers/Items/ItemFormFormik.tsx
@@ -90,7 +90,9 @@ export default function ItemFormFormik({
};
return (
-