diff --git a/demo/index.html b/demo/index.html
index fd06f3e594..7fc32166ad 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -28,6 +28,8 @@
     <link rel="icon" href="favicon.ico">
     <!-- Load MDL, with the desired color scheme. -->
     <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-blue.min.css">
+
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
     <script defer src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js"></script>
diff --git a/demo/service_worker.js b/demo/service_worker.js
index ad5e1b3c51..ef2614366e 100644
--- a/demo/service_worker.js
+++ b/demo/service_worker.js
@@ -69,7 +69,6 @@ const CRITICAL_RESOURCES = [
   // know the Web Font URL in advance, and Google Web Fonts can serve the
   // correct version of the font to whatever browser is making the request.
   'https://fonts.googleapis.com/css?family=Roboto',
-  'https://fonts.googleapis.com/css?family=Roboto+Condensed',
   'https://fonts.googleapis.com/icon?family=Material+Icons',
 
   'load.js',
@@ -81,6 +80,14 @@ const CRITICAL_RESOURCES = [
   // These files are required for the demo to include MDL.
   'https://code.getmdl.io/1.3.0/material.indigo-blue.min.css',
   'https://code.getmdl.io/1.3.0/material.min.js',
+
+  // MDL modal dialogs are enabled by including these:
+  '../node_modules/dialog-polyfill/dialog-polyfill.js',
+  '../node_modules/dialog-polyfill/dialog-polyfill.css',
+
+  // Datalist-like fields are enabled by including these:
+  '../node_modules/awesomplete/awesomplete.css',
+  '../node_modules/awesomplete/awesomplete.js',
 ];