From 412295306c5f5de158e44442bc5f66bb9ed76da5 Mon Sep 17 00:00:00 2001
From: dominikiwanekhyland
 <141320833+dominikiwanekhyland@users.noreply.github.com>
Date: Thu, 14 Nov 2024 09:08:10 +0100
Subject: [PATCH] [ACS-8955] [ACA] Data Table / Column Pills Drag button is not
 centered horizontally (#10384)

---
 .../datatable/components/datatable/datatable.component.html   | 1 +
 .../datatable/components/datatable/datatable.component.scss   | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
index bb28e7ffa0..497df1b2ca 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
@@ -102,6 +102,7 @@
                         <adf-icon
                             *ngIf="hoveredHeaderColumnIndex === columnIndex && !isResizing"
                             value="adf:drag_indicator"
+                            class="adf-datatable-cell-header-drag-icon-visible"
                             [attr.data-automation-id]="'adf-datatable-cell-header-drag-icon-'+col.key" />
                     </span>
                 </div>
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
index b0b5cbe31f..cc46058878 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
@@ -567,6 +567,10 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
         cursor: move;
         margin-right: -0.5rem;
         padding-left: -0.5rem;
+
+        &-visible {
+            display: flex;
+        }
     }
 
     .adf-datatable-cell-value {