From 43485023e99887d0d6e8f798f4274a7c386ec173 Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Wed, 7 Feb 2024 16:55:05 -0800
Subject: [PATCH] [Discover] Update fonts of the datagrid (#5841)

Signed-off-by: Miki <miki@amazon.com>
---
 .../data_grid/_data_grid_table.scss           | 32 +++++++++++++++++++
 .../components/data_grid/data_grid_table.tsx  |  3 ++
 2 files changed, 35 insertions(+)
 create mode 100644 src/plugins/discover/public/application/components/data_grid/_data_grid_table.scss

diff --git a/src/plugins/discover/public/application/components/data_grid/_data_grid_table.scss b/src/plugins/discover/public/application/components/data_grid/_data_grid_table.scss
new file mode 100644
index 000000000000..7f3fa66e0520
--- /dev/null
+++ b/src/plugins/discover/public/application/components/data_grid/_data_grid_table.scss
@@ -0,0 +1,32 @@
+.discoverDataGrid {
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGrid__content {
+    @include ouiCodeFont;
+
+    font-size: 12px;
+  }
+
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGridRowCell {
+    font-size: inherit;
+    line-height: 1.6666em;
+
+    .source {
+      dd,
+      dl,
+      dt {
+        font-size: inherit !important;
+      }
+    }
+  }
+
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGridHeaderCell {
+    font-size: inherit;
+  }
+
+  // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
+  .euiDataGridRowCell__expandButton {
+    top: calc(1.6666em / 2 + 6px);
+  }
+}
diff --git a/src/plugins/discover/public/application/components/data_grid/data_grid_table.tsx b/src/plugins/discover/public/application/components/data_grid/data_grid_table.tsx
index 07fcd461557b..a0c1851e7716 100644
--- a/src/plugins/discover/public/application/components/data_grid/data_grid_table.tsx
+++ b/src/plugins/discover/public/application/components/data_grid/data_grid_table.tsx
@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import './_data_grid_table.scss';
+
 import React, { useState, useMemo, useCallback } from 'react';
 import { EuiDataGrid, EuiDataGridSorting, EuiPanel } from '@elastic/eui';
 import { IndexPattern, getServices } from '../../../opensearch_dashboards_services';
@@ -212,6 +214,7 @@ export const DataGridTable = ({
         sorting={sorting}
         toolbarVisibility={isToolbarVisible ? toolbarOptions : false}
         rowHeightsOptions={rowHeightsOptions}
+        className="discoverDataGrid"
       />
     ),
     [