diff --git a/app/assets/stylesheets/content_linking.scss b/app/assets/stylesheets/content_linking.scss
index 73a6080b..2500e21b 100644
--- a/app/assets/stylesheets/content_linking.scss
+++ b/app/assets/stylesheets/content_linking.scss
@@ -1,3 +1,3 @@
-.content-field-link-bar {
+.content-field-link-bar, .dropdown-content {
   display: none;
 }
diff --git a/app/views/layouts/_navbar.html.erb b/app/views/layouts/_navbar.html.erb
index 3f2f22aa..f73021dd 100644
--- a/app/views/layouts/_navbar.html.erb
+++ b/app/views/layouts/_navbar.html.erb
@@ -180,9 +180,3 @@
     </div>
   </nav>
 </div>
-
-
-<script style="text/javascript">
-// todo see if the M.init in application.html covers this
-$(".dropdown-trigger").dropdown();
-</script>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index a987f7b5..5f132a74 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -50,6 +50,7 @@
     $(document).ready(function() {
       $('.tooltipped').tooltip({ enterDelay: 50 });
       M.AutoInit();
+      $('.dropdown-trigger').dropdown({coverTrigger: false});
     });
   </script>