diff --git a/changelogs/fragments/6715.yml b/changelogs/fragments/6715.yml
new file mode 100644
index 000000000000..4d5c07f57bd5
--- /dev/null
+++ b/changelogs/fragments/6715.yml
@@ -0,0 +1,2 @@
+fix:
+- Adjust the padding size for aggregated view ([#6715](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/6715))
\ No newline at end of file
diff --git a/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.scss b/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.scss
index 62f6239424aa..da22ed7e2bde 100644
--- a/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.scss
+++ b/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.scss
@@ -11,10 +11,15 @@
 
   .euiSelectableListItem__content {
     cursor: default;
+    padding-left: 0;
+    margin-right: 0;
 
 
   .euiSelectableListItem__text {
-    max-height: 100%; 
+    max-height: 100%;
+  }
+  .euiSelectableListItem__icon, .euiSelectableListItem__prepend {
+    margin-right: 0;
   }
   }
 
@@ -31,6 +36,7 @@
       overflow: hidden;
       white-space: nowrap;
       display: inline-block;
+      padding-left: 0;
     }
   }
 
@@ -39,4 +45,22 @@
     align-items: center;
     justify-content: center;
   }
+
+  .dataSourceAggregatedViewOuiFlexItem {
+    color: grey;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    padding-left: 0;
+  }
+
+  .dataSourceListAllActiveOuiFlexItem {
+    color: grey;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    padding-left: 1em;
+  }
 }
diff --git a/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.tsx b/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.tsx
index 8eda8143c805..1100f55e8e49 100644
--- a/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_aggregated_view/data_source_aggregated_view.tsx
@@ -242,7 +242,11 @@ export class DataSourceAggregatedView extends React.Component<
                   options={items}
                   renderOption={(option) => (
                     <DataSourceItem
-                      className={'dataSourceAggregatedView'}
+                      className={
+                        this.props.displayAllCompatibleDataSources
+                          ? 'dataSourceAggregatedView'
+                          : 'dataSourceListAllActive'
+                      }
                       option={option}
                       defaultDataSource={this.state.defaultDataSource}
                     />