diff --git a/client/Dashboard/dashboard.html b/client/Dashboard/dashboard.html
index 2f41a96..2acbf22 100644
--- a/client/Dashboard/dashboard.html
+++ b/client/Dashboard/dashboard.html
@@ -12,7 +12,7 @@
                                 {{#each mytaskitems}}
                                     <li class="collection-item blue darken-3">{{taskName}}</li>
                                 {{else}}
-                                    <li class="collection-item blue darken-4">No Tasks</li>
+                                    <li class="collection-item blue darken-4">No Tasks due Today</li>
                                 {{/each}}
                             </ul>
                         </div>
diff --git a/client/MyTasks/myTasksForm.js b/client/MyTasks/myTasksForm.js
index ada0dcc..b65363c 100644
--- a/client/MyTasks/myTasksForm.js
+++ b/client/MyTasks/myTasksForm.js
@@ -1,11 +1,13 @@
 import { TaskItems } from '../../imports/api/tasks.js';
+import { M } from '../lib/assets/materialize.js';
 
 Template.myTasksForm.onCreated(function() {
     
 });
 
 Template.myTasksForm.onRendered(function() {  
-    $('.datepicker').datepicker();
+    var elems = document.querySelectorAll('.datepicker');
+    var instances = M.Datepicker.init(elems, {});
     Session.set("hideComplete", true);
     Session.set("onlyToday", true);
 });
diff --git a/client/MyTasks/myTasksTbl.html b/client/MyTasks/myTasksTbl.html
index e9142ca..b826d6a 100644
--- a/client/MyTasks/myTasksTbl.html
+++ b/client/MyTasks/myTasksTbl.html
@@ -6,7 +6,7 @@
             <div class="collapsible-body">
                 <span>
                     <ul class="collection">
-                        <li class="collection-item">{{taskDate}}<i class="material-icons clickable right markMyTaskComplete">check</i><i class="material-icons clickable right deleteMyTask">delete</i></li>
+                        <li class="collection-item">{{taskDate}}<i class="material-icons clickable right markMyTaskComplete">check</i><i class="modal-trigger material-icons clickable right deleteMyTask" data-target="modalDelete">delete</i></li>
                         <li class="collection-item">Complete? {{#if $eq isComplete true}}<i class="material-icons green">check</i>{{else}}<i class="material-icons red">close</i>{{/if}}</li>
                         <li class="collection-item">Completed On? {{#if $eq isComplete true}}{{compOn}}{{else}}Not Complete{{/if}}</li>
                     </ul>
diff --git a/client/MyTasks/myTasksTbl.js b/client/MyTasks/myTasksTbl.js
index e54635f..ea3569c 100644
--- a/client/MyTasks/myTasksTbl.js
+++ b/client/MyTasks/myTasksTbl.js
@@ -1,12 +1,17 @@
 import { TaskItems } from '../../imports/api/tasks.js';
 import moment from 'moment';
+import { M } from '../lib/assets/materialize.js';
 
 Template.myTasksTbl.onCreated(function() {
     this.subscribe("myTasks");
 });
 
 Template.myTasksTbl.onRendered(function() {
-    $('.collapsible').collapsible();
+    var elems = document.querySelectorAll('.collapsible');
+    var instances = M.Collapsible.init(elems, {});
+
+    var elemm = document.querySelectorAll('.modal');
+    var instancem = M.Modal.init(elemm, {});
     Session.set("hideComplete", true);
     Session.set("onlyToday", true);
 });
@@ -62,10 +67,10 @@ Template.myTasksTbl.events({
     },
     'click .deleteMyTask' (event) {
         event.preventDefault();
+        console.log("detected click");
         Session.set("deleteId", this._id);
         Session.set("method", "delete.task");
         Session.set("item", this.taskName);
         Session.set("view", "My Tasks");
-        $('#modalDelete').modal('open');
     }
 });
\ No newline at end of file