diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/dual-list-selector.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/dual-list-selector.md
index a10139fa80..79d868edad 100644
--- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/dual-list-selector.md
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/dual-list-selector.md
@@ -20,11 +20,15 @@ Dual list selectors are useful when you have a large set of options for users to
## Behavior
Users can select one or more items from the available list and use the arrows to move these items to the chosen list. Users can filter down the items by using the search input field.
-
+
+
+
+
+1. **onDrag event:** Upon click & hold a `--pf-t--global--border--color--brand--clicked` border will show the draggable area that is available. The list item being dragged will also use a `--pf-t--global--border--color--brand--clicked` border to highlight it as the item being dragged.
-2. **postDrag event:** Once dropped, the items will be reordered based on the user’s action.
+
+2. **Ghost row:** Mid onDrag event, a duplicate ghost row will follow the active dragged item. The ghost row will fill the available space and use a `--pf-t--global--border--color--brand--clicked` border to highlight it as the item being dragged. The ghost row icon button will recieve a hover fill using `--pf-t--global--background--color--action--plain--hover`.
-3. **Error state:** If the list item is dragged outside the bounding box the borders on the dragged item will switch to `--pf-v6-global--danger-color--100` and the cursor will change to not-allowed to indicate an invalid placement. If the user releases the cursor outside the bounding area the dragged item will return to its default position.
+
+3. **postDrag event:** Once dropped, the items will be reordered based on the user’s action. The recently dropped row will receive a hover fill using `--pf-t--global--background--color--primary--hover`and the icon button will receive a background fill of `--pf-t--global--background--color--action--plain--hover`.
\ No newline at end of file
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-1-final.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-1-final.png
deleted file mode 100644
index 29c6f3b9e3..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-1-final.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-2-final.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-2-final.png
deleted file mode 100644
index 394ea9cf33..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-2-final.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-3-final.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-3-final.png
deleted file mode 100644
index 9392d4a68a..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/Drag-drop-Dual-list-selector-selected-step-3-final.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/basic-dual-list.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/basic-dual-list.svg
new file mode 100644
index 0000000000..27798695b5
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/basic-dual-list.svg
@@ -0,0 +1,64 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/basic-dual.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/basic-dual.png
deleted file mode 100644
index 50f3cd47d8..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/basic-dual.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual list folders.gif b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual list folders.gif
deleted file mode 100644
index ae29b5401e..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual list folders.gif and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual list single.gif b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual list single.gif
deleted file mode 100644
index 046f778e35..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual list single.gif and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual-list-1.gif b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual-list-1.gif
new file mode 100644
index 0000000000..0ccb8bbd33
Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual-list-1.gif differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual-list-2.gif b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual-list-2.gif
new file mode 100644
index 0000000000..888f277c8a
Binary files /dev/null and b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/dual-list-2.gif differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/expandable-dual-list.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/expandable-dual-list.svg
new file mode 100644
index 0000000000..6caec1a71e
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/expandable-dual-list.svg
@@ -0,0 +1,25 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/expandable-dual.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/expandable-dual.png
deleted file mode 100644
index 348e84b9f9..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/expandable-dual.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/ghost-row.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/ghost-row.svg
new file mode 100644
index 0000000000..4fc7228334
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/ghost-row.svg
@@ -0,0 +1,70 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/ondrag-event.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/ondrag-event.svg
new file mode 100644
index 0000000000..c9e6c7d6fd
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/ondrag-event.svg
@@ -0,0 +1,61 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/postdrag-event.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/postdrag-event.svg
new file mode 100644
index 0000000000..a83e0e1ebb
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/dual-list-selector/img/postdrag-event.svg
@@ -0,0 +1,49 @@
+