fix: Add padding to empty dataset list (#4812)

Arize-ai · Oct 1, 2024 · c9a88df · c9a88df
1 parent f61e026
commit c9a88df
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/app/src/pages/project/DatasetSelectorPopoverContent.tsx b/app/src/pages/project/DatasetSelectorPopoverContent.tsx
@@ -116,14 +116,16 @@ function DatasetsListBox(props: {
   const isEmpty = datasets.length === 0;
   if (isEmpty) {
     return (
-      <Flex
-        direction="column"
-        justifyContent="center"
-        alignItems="center"
-        flex="1 1 auto"
-      >
-        <Text>No datasets found</Text>
-      </Flex>
+      <View padding="size-200">
+        <Flex
+          direction="column"
+          justifyContent="center"
+          alignItems="center"
+          flex="1 1 auto"
+        >
+          <Text>No datasets found</Text>
+        </Flex>
+      </View>
     );
   }
   return (