diff --git a/hourglass/client/main/main.html b/hourglass/client/main/main.html
index fdb3e09..7f36012 100644
--- a/hourglass/client/main/main.html
+++ b/hourglass/client/main/main.html
@@ -36,7 +36,7 @@
                     <h3>Filters</h3>
                     {{#each types}}
                         {{> sideTypeFilter}}
-                    {{/each}}   
+                    {{/each}}
                 </div>
                 <div id="classListHolder">
                     <h3>By Class </h3>
@@ -49,7 +49,7 @@
                     {{/if}}
                     <div id="sideClassWrapper">
                         {{#each myClasses}}
-                            {{> sidebarClasses}}  
+                            {{> sidebarClasses}}
                         {{/each}}
                     </div>
                 </div>
@@ -358,4 +358,4 @@
             {{/if}}
         </div>
     </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/hourglass/client/main/main.js b/hourglass/client/main/main.js
index bb340b6..dba55a8 100644
--- a/hourglass/client/main/main.js
+++ b/hourglass/client/main/main.js
@@ -68,16 +68,7 @@ Template.login.rendered = function() {
 
 Template.main.rendered = function() {
     Accounts._loginButtonsSession.set('dropdownVisible', true);
-    dragula([document.querySelector('#classesMode'), document.querySelector('#nonexistant')], {copy: false})
-        .on('out', function(el) {
-            var els = document.getElementsByClassName("classWrapper");
-            var final = [];
-            for(var i = 0; i < els.length; i++) {
-                var classid = els[i].getElementsByClassName("creWork")[0].getAttribute("classid");
-                final.push(classid);
-           }
-            Meteor.call("reorderClasses", final);
-        });
+    setTimeout(startDragula, 300);
 };
 
 Template.profile.rendered = function() {
@@ -247,6 +238,19 @@ Template.registerHelper('commentLength', () => { // Returns characters left for
     return Session.get("commentRestrict");
 });
 
+function startDragula() {
+    dragula([document.querySelector('#classesMode'), document.querySelector('#nonexistant')])
+        .on('out', function(el) {
+            var els = document.getElementsByClassName("classWrapper");
+            var final = [];
+            for(var i = 0; i < els.length; i++) {
+                var classid = els[i].getElementsByClassName("creWork")[0].getAttribute("classid");
+                final.push(classid);
+            }
+            Meteor.call("reorderClasses", final);
+        });
+}
+
 Template.main.helpers({
     schoolName() { // Finds the name of the user's school.
         if(Session.get("user").school === undefined) return;
@@ -558,6 +562,7 @@ Template.main.events({
             Session.set("mode", "classes");
             openDivFade(modeHolder);
         }, 300);
+        setTimeout(startDragula, 500);
         Session.set("sidebar", null); // Closes all sidebars.
         Session.set("calCreWork", null);
     },