diff --git a/public/components/trace_analytics/components/common/shared_components/custom_datagrid.tsx b/public/components/trace_analytics/components/common/shared_components/custom_datagrid.tsx
index 7836f46b3..7edccd5fa 100644
--- a/public/components/trace_analytics/components/common/shared_components/custom_datagrid.tsx
+++ b/public/components/trace_analytics/components/common/shared_components/custom_datagrid.tsx
@@ -102,7 +102,13 @@ export const RenderCustomDataGrid: React.FC<RenderCustomDataGridParams> = ({
 
   const gridStyle = useMemo(
     () => ({
-      stripes: true,
+      border: 'horizontal',
+      stripes: false,
+      rowHover: 'highlight',
+      header: 'underline',
+      fontSize: 's',
+      cellPadding: 's',
+      footer: 'overline',
     }),
     []
   );