diff --git a/bower.json b/bower.json
index 408bce5..b8e4987 100644
--- a/bower.json
+++ b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "geo-location",
   "description": "Web component for the Geolocation API.",
-  "version": "0.0.7",
+  "version": "1.0.0",
   "homepage": "http://ebidel.github.io/geo-location",
   "authors": [
     "Eric Bidelman"
@@ -22,9 +22,9 @@
     "map"
   ],
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "Polymer/polymer#^1.0.3"
   },
   "devDependencies": {
-    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0"
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.4"
   }
 }
diff --git a/demo/index.html b/demo/index.html
index fad9ad4..37b9fca 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -3,9 +3,10 @@
 <html>
 <head>
   <title>geo-location Demo</title>
-  <script src="../../webcomponentsjs/webcomponents.min.js"></script>
+  <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300|Source+Code+Pro">
   <link rel="import" href="../geo-location.html">
-  <link href="//fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,800|Source+Code+Pro" rel="stylesheet">
+  <link rel="import" href="../../iron-flex-layout/classes/iron-flex-layout.html">
   <style>
   * {
     box-sizing: border-box;
@@ -15,7 +16,7 @@
     padding: 0;
   }
   body {
-    font-family: 'Open Sans', sans-serif;
+    font-family: 'Roboto', sans-serif;
     background: black;
     color: white;
   }
@@ -29,7 +30,7 @@
   }
   </style>
 </head>
-<body class="layout vertical center-justified center" unresolved>
+<body class="layout vertical center-center" unresolved>
 
 
 <template is="dom-bind">
diff --git a/geo-location.html b/geo-location.html
index dbe471e..5b35049 100644
--- a/geo-location.html
+++ b/geo-location.html
@@ -14,8 +14,7 @@
     <script>
       var loc = document.querySelector('geo-location');
       loc.addEventListener('geo-response', function(e) {
-        console.log('lat:' + this.latitude,
-                    'lng:' + this.longitude);
+        console.log('lat:' + this.latitude, 'lng:' + this.longitude);
       });
     </script>
 
@@ -32,15 +31,7 @@
 
 @demo
 -->
-<dom-module id="geo-location">
-  <template>
-    <style>
-      :host {
-        display: none;
-      }
-    </style>
-  </template>
-</dom-module>
+<dom-module id="geo-location"></dom-module>
 <script>
   (function() {
     var id_ = null;
@@ -49,6 +40,10 @@
 
       is: 'geo-location',
 
+      hostAttributes: {
+        hidden: true
+      },
+
       properties: {
         /**
          * The latitude of the current position.
