diff --git a/css/index.css b/css/index.css
index 013a073..ee22326 100644
--- a/css/index.css
+++ b/css/index.css
@@ -55,6 +55,9 @@
     z-index: 999;
 
 }
+#draggable{
+    cursor:move
+}
 
 #DraggableTitleBar {
     z-index: 999;
diff --git a/index.html b/index.html
index 511f4ab..ad68c34 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 
 <body>
     <div id="infoContainer">
-        <div id="DraggableTitleBar">openOutpaint 🐠</div>
+        <div id="DraggableTitleBar" class="draggable">openOutpaint 🐠</div>
         <div id="info" class="info" style="min-width:200px;">
 
             <label for="host">Host</label>
diff --git a/js/settingsbar.js b/js/settingsbar.js
index 9531643..e50228e 100644
--- a/js/settingsbar.js
+++ b/js/settingsbar.js
@@ -5,7 +5,10 @@ function dragElement(elmnt) {
         p2 = 0,
         p3 = 0,
         p4 = 0;
-    document.getElementById('DraggableTitleBar').onmousedown = dragMouseDown;
+    var draggableElements = document.getElementsByClassName('draggable');
+    for (var i = 0; i < draggableElements.length; i++) {
+        draggableElements[i].onmousedown = dragMouseDown;
+    }
 
     function dragMouseDown(e) {
         e.preventDefault();
