diff --git a/changelogs/fragments/7986.yml b/changelogs/fragments/7986.yml
new file mode 100644
index 000000000000..e79ea4dc30c1
--- /dev/null
+++ b/changelogs/fragments/7986.yml
@@ -0,0 +1,2 @@
+fix:
+- Fix workspace detail classname definition ([#7986](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7986))
\ No newline at end of file
diff --git a/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.scss b/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.scss
index 6b11cacd471e..d5d11ddaf716 100644
--- a/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.scss
+++ b/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.scss
@@ -1,19 +1,19 @@
-.customized-table thead {
+.workspace-detail-direct-query-expanded-table thead {
   display: none;
 }
 
-[id^="row"][id$="expansion"] > td:first-child > div:first-child {
+.workspace-detail-direct-query-table [id^="row"][id$="expansion"] > td:first-child > div:first-child {
   padding: 0;
 }
 
-.customized-row:first-child > td {
+.workspace-detail-direct-query-expanded-row:first-child > td {
   border-top: 0;
 }
 
-.customized-row:last-child > td {
+.workspace-detail-direct-query-expanded-row:last-child > td {
   border-bottom: 0;
 }
 
-.customized-row > td:nth-child(2) {
+.workspace-detail-direct-query-expanded-row > td:nth-child(2) {
   padding-left: 25px;
 }
diff --git a/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.tsx b/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.tsx
index 507ef32f07b4..c11f9fbee254 100644
--- a/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.tsx
+++ b/src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.tsx
@@ -123,9 +123,9 @@ export const DataSourceConnectionTable = ({
           items={item?.relatedConnections ?? []}
           itemId="id"
           columns={baseColumns}
-          className="customized-table"
+          className="workspace-detail-direct-query-expanded-table"
           rowProps={{
-            className: 'customized-row',
+            className: 'workspace-detail-direct-query-expanded-row',
           }}
         />
       );
@@ -295,6 +295,7 @@ export const DataSourceConnectionTable = ({
         isSelectable={true}
         itemIdToExpandedRowMap={itemIdToExpandedRowMap}
         isExpandable={true}
+        className="workspace-detail-direct-query-table"
         pagination={{
           initialPageSize: 10,
           pageSizeOptions: [10, 20, 30],