diff --git a/app/assets/stylesheets/application.postcss.css b/app/assets/stylesheets/application.postcss.css
index 3be7fb5..a94757d 100644
--- a/app/assets/stylesheets/application.postcss.css
+++ b/app/assets/stylesheets/application.postcss.css
@@ -135,6 +135,11 @@ input[type=submit] {
     align-items: center;
     border: 1px solid black;
     padding: 0.5rem;
+    cursor: grab;
+}
+
+.politician-answer-dragging {
+    cursor: grabbing;
 }
 
 .acrostic-puzzle {
@@ -179,6 +184,11 @@ input[type=submit] {
     text-align: center;
     word-break: keep-all;
     white-space: nowrap;
+    cursor: grab;
+}
+
+.connections-element-dragging {
+    cursor: grabbing;
 }
 
 @media (max-width: 1024px) {
diff --git a/app/javascript/connections_answer.js b/app/javascript/connections_answer.js
index 928692c..9a48ae5 100644
--- a/app/javascript/connections_answer.js
+++ b/app/javascript/connections_answer.js
@@ -10,6 +10,7 @@ export default function initConnectionsQuestions() {
 
         Sortable.create(list, {
             swap: true,
+            dragClass: 'connections-element-dragging',
             onUpdate: (event) => {
                 const newOrder = Array.from(event.to.children).map((el) => Number.parseInt(el.dataset.id))
                 submitValue(submitUrl, { order: newOrder })
diff --git a/app/javascript/politicians_answer.js b/app/javascript/politicians_answer.js
index 3bc80c0..cdf832b 100644
--- a/app/javascript/politicians_answer.js
+++ b/app/javascript/politicians_answer.js
@@ -9,6 +9,7 @@ export default function initPoliticianQuestions() {
         Sortable.create(list, {
             swap: true,
             filter: ".politician-image",
+            dragClass: 'politician-answer-dragging',
             onUpdate: (event) => {
                 const newOrder = Array.from(event.to.children).map((el) => Number.parseInt(el.dataset.id))
                 submitValue(submitUrl, { order: newOrder })