diff --git a/index.html b/index.html
index 3adcea8..53d964d 100644
--- a/index.html
+++ b/index.html
@@ -22,13 +22,12 @@
     <link rel="stylesheet" type="text/css" href="css/main.css" />
     <script>
       
-      /*  UNCOMMENT FOR DRAG AND DROP
-            drag and drob and clicking don't work well together currently
+
       $(function() {
         $( "#sortable" ).sortable();
         $( "#sortable" ).disableSelection();
       });
-      */
+
 
       $(function() {
         $('#header').load('../header.html');
diff --git a/js/main.js b/js/main.js
index bbe3118..7836ebc 100644
--- a/js/main.js
+++ b/js/main.js
@@ -2050,6 +2050,10 @@ angular.module('storygenApp', [])
           storygen.icons.push({'path':path, 'color':color}); 
         };
       }else{
+        var newList = $('#sortable').children().toArray().map(icon => ({'path': $(icon).attr('src'), color: $(icon).css('background-color')}))
+        index = newList.findIndex(icon => icon.path === storygen.icons[index].path)
+        storygen.icons = newList
+
         // REGENERATE INDIVIDUAL IMAGES
         if (angular.element(index).hasClass("ui-sortable-helper")) {
           console.log("Do nothing!"); // DO NOTHING IF THE IMAGE IS BEING DRAGGED ...theoretically