fix dataGrid classes

PalisadoesFoundation · Oct 30, 2024 · 63febd0 · 63febd0
1 parent 9be6fa8
commit 63febd0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/AddPeopleToTag/AddPeopleToTag.module.css b/src/components/AddPeopleToTag/AddPeopleToTag.module.css
@@ -30,8 +30,7 @@
 .scrollContainer {
   max-height: 100px;
   overflow-y: auto;
-  margin-top: 0.5rem;
-  margin-bottom: 1.7rem;
+  margin-bottom: 1rem;
 }
 
 .memberBadge {

diff --git a/src/components/AddPeopleToTag/AddPeopleToTag.tsx b/src/components/AddPeopleToTag/AddPeopleToTag.tsx
@@ -315,7 +315,15 @@ const AddPeopleToTag: React.FC<InterfaceAddPeopleToTagProps> = ({
                           </Stack>
                         ),
                       }}
-                      sx={dataGridStyle}
+                      sx={{
+                        ...dataGridStyle,
+                        '& .MuiDataGrid-topContainer': {
+                          position: 'static',
+                        },
+                        '& .MuiDataGrid-virtualScrollerContent': {
+                          marginTop: '0',
+                        },
+                      }}
                       getRowClassName={() => `${styles.rowBackground}`}
                       autoHeight
                       rowHeight={65}