diff --git a/app/javascript/dashboard/components/Accordion/AccordionItem.vue b/app/javascript/dashboard/components/Accordion/AccordionItem.vue
index 182e2b464..b24b6f1be 100644
--- a/app/javascript/dashboard/components/Accordion/AccordionItem.vue
+++ b/app/javascript/dashboard/components/Accordion/AccordionItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="cw-accordion">
-    <button class="cw-accordion--title" @click="$emit('click')">
+    <button class="cw-accordion--title drag-handle" @click="$emit('click')">
       <div class="cw-accordion--title-wrap">
         <emoji-or-icon class="icon-or-emoji" :icon="icon" :emoji="emoji" />
         <h5>
@@ -69,7 +69,7 @@ export default {
   background: var(--s-50);
   border-bottom: 1px solid var(--s-100);
   border-top: 1px solid var(--s-100);
-  cursor: pointer;
+  cursor: grab;
   display: flex;
   justify-content: space-between;
   margin: 0;
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue b/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
index 70071999a..e5510fd99 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
@@ -11,6 +11,7 @@
       :disabled="!dragEnabled"
       class="list-group"
       ghost-class="ghost"
+      handle=".drag-handle"
       @start="dragging = true"
       @end="onDragEnd"
     >