diff --git a/src/mytinytodo.js b/src/mytinytodo.js
index a6bd093..2e3d967 100644
--- a/src/mytinytodo.js
+++ b/src/mytinytodo.js
@@ -311,7 +311,7 @@ var mytinytodo = window.mytinytodo = _mtt = {
 			dateFormat: _mtt.duedatepickerformat(),
 			firstDay: _mtt.options.firstdayofweek,
 			showOn: 'button',
-			buttonImage: _mtt.templateUrl + 'images/calendar.png', buttonImageOnly: true,
+			buttonImage: _mtt.templateUrl + 'images/calendar.svg', buttonImageOnly: true,
 			constrainInput: false,
 			duration:'',
 			dayNamesMin:_mtt.lang.daysMin, dayNames:_mtt.lang.daysLong, monthNamesShort:_mtt.lang.monthsLong
diff --git a/src/themes/default/images/calendar.png b/src/themes/default/images/calendar.png
deleted file mode 100644
index 6589138..0000000
Binary files a/src/themes/default/images/calendar.png and /dev/null differ
diff --git a/src/themes/default/images/calendar.svg b/src/themes/default/images/calendar.svg
new file mode 100644
index 0000000..b9fa328
--- /dev/null
+++ b/src/themes/default/images/calendar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px"><path fill="#fff" d="M0.5 1.5H15.5V14.5H0.5z"/><path fill="#788b9c" d="M15,2v12H1V2H15 M16,1H0v14h16V1L16,1z"/><path fill="#f78f8f" d="M0.5 1.5H15.5V4.5H0.5z"/><path fill="#c74343" d="M15,2v2H1V2H15 M16,1H0v4h16V1L16,1z"/><path fill="#c5d4de" d="M5 7H6V8H5zM7 7H8V8H7zM9 7H10V8H9zM11 7H12V8H11zM3 9H4V10H3zM5 9H6V10H5zM7 9H8V10H7zM9 9H10V10H9zM11 9H12V10H11zM3 11H4V12H3zM5 11H6V12H5zM7 11H8V12H7zM9 11H10V12H9z"/></svg>
\ No newline at end of file
diff --git a/src/themes/default/style.css b/src/themes/default/style.css
index 4be9656..7fbda70 100644
--- a/src/themes/default/style.css
+++ b/src/themes/default/style.css
@@ -285,11 +285,8 @@ a.mtt-back-button { font-size:0.8em; }
 
 #taskview { padding:2px; }
 
-.ui-datepicker { width:190px; z-index:202; border: 1px solid #cccccc; background: #ffffff; display:none; padding:2px; 
- -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); box-shadow:1px 2px 5px rgba(0,0,0,0.5); 
- border-radius:5px;
-}
-.ui-datepicker-trigger { cursor:pointer; vertical-align:text-bottom; margin-left:1px; } 
+.ui-datepicker { width:190px; z-index:202; border: 1px solid #cccccc; background: #ffffff; display:none; padding:2px; box-shadow:1px 2px 5px rgba(0,0,0,0.5); border-radius:5px; }
+.ui-datepicker-trigger { cursor:pointer; vertical-align:text-bottom; margin-left:2px; } 
 .ui-datepicker-calendar { width:100%; border-collapse:collapse; }
 .ui-datepicker-calendar thead th { text-align:center; padding:0px; font-size:0.9em; }
 .ui-datepicker-calendar tbody td { text-align:right; padding:1px;  }