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>