chore: update styles for empty data sources page

Author: stevenle

packages/root-cms/ui/pages/DataPage/DataPage.css

@@ -16,6 +16,10 @@
   margin-top: 20px;
 }
 
+.DataPage__emptyText {
+  padding: 20px;
+}
+
 .DataPage__DataSourcesTable__filters {
   margin-bottom: 20px;
   display: flex;

packages/root-cms/ui/pages/DataPage/DataPage.tsx

@@ -186,7 +186,7 @@ DataPage.DataSourcesTable = () => {
           </Table>
         )}
         {!loading && filteredDataSources.length === 0 && (
-          <Text as="p">No data sources found for this filter.</Text>
+          <Text className="DataPage__emptyText">No data sources found.</Text>
         )}
       </Surface>
     </div>