diff --git a/app/assets/javascripts/tracks.js.erb b/app/assets/javascripts/tracks.js.erb
index d3f9fd5b..9fdbbb90 100644
--- a/app/assets/javascripts/tracks.js.erb
+++ b/app/assets/javascripts/tracks.js.erb
@@ -812,6 +812,7 @@ var RecurringTodosPage = {
         autoOpen: false,
         height: 690,
         width: 750,
+        position: { my: 'top', at: 'bottom+10', of: 'nav', collision: 'none' },
         modal: true,
         buttons: {
           create: {
@@ -845,6 +846,7 @@ var RecurringTodosPage = {
         autoOpen: false,
         height: 690,
         width: 750,
+        position: { my: 'top', at: 'bottom+10', of: 'nav', collision: 'none' },
         modal: true,
         buttons: {
           "Update": {
@@ -864,7 +866,8 @@ var RecurringTodosPage = {
           RecurringTodosPage.hide_all_recurring();
           RecurringTodosPage.reset_radio();
           $('#recurring_daily').show();
-        }
+        },
+        appendTo: "#content"
       });
 
       /* change recurring period radio input on edit form */
diff --git a/app/assets/stylesheets/legacy.css.scss b/app/assets/stylesheets/legacy.css.scss
index 8391c817..dd9519eb 100644
--- a/app/assets/stylesheets/legacy.css.scss
+++ b/app/assets/stylesheets/legacy.css.scss
@@ -707,6 +707,10 @@ li {
     position:relative;
 }
 
+#edit-recurring-todo {
+  background: #fff;
+}
+
 /* Right align labels in forms */
 .label {
     text-align: right;