From cc592a9da12beae143c7dbd66ef68d566571e49d Mon Sep 17 00:00:00 2001
From: Katalina Okano <git@kat.cafe>
Date: Sat, 19 Dec 2020 20:12:50 -0500
Subject: [PATCH] fix(RolePicker): wrap Reset/Submit in a div to fix
 positioning

Signed-off-by: Katalina Okano <git@kat.cafe>
---
 .../organisms/role-picker/RolePicker.tsx      | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/design-system/organisms/role-picker/RolePicker.tsx b/src/design-system/organisms/role-picker/RolePicker.tsx
index 82bcec7..5461317 100644
--- a/src/design-system/organisms/role-picker/RolePicker.tsx
+++ b/src/design-system/organisms/role-picker/RolePicker.tsx
@@ -114,16 +114,20 @@ export const RolePicker = (props: RolePickerProps) => {
                             </CategoryContainer>
                         ))}
                     </div>
-                    <FaderOpacity
-                        isVisible={xor(selectedRoles, props.member.roles).length !== 0}
-                    >
-                        <ResetSubmit
-                            onSubmit={() => props.onSubmit(selectedRoles)}
-                            onReset={() => {
-                                updateSelectedRoles(props.member.roles);
-                            }}
-                        />
-                    </FaderOpacity>
+                    <div>
+                        <FaderOpacity
+                            isVisible={
+                                xor(selectedRoles, props.member.roles).length !== 0
+                            }
+                        >
+                            <ResetSubmit
+                                onSubmit={() => props.onSubmit(selectedRoles)}
+                                onReset={() => {
+                                    updateSelectedRoles(props.member.roles);
+                                }}
+                            />
+                        </FaderOpacity>
+                    </div>
                 </>
             ) : (
                 <InfoBox>