diff --git a/src/breadcrumbs/breadcrumbs.html b/src/breadcrumbs/breadcrumbs.html
index f52b7dfe..653661e3 100644
--- a/src/breadcrumbs/breadcrumbs.html
+++ b/src/breadcrumbs/breadcrumbs.html
@@ -1,5 +1,5 @@
 <template>
-  <require from="./breadcrumbs.css!"></require>
+  <require from="./breadcrumbs.css!text"></require>
   <require from="./instructionFilter"></require>
   <nav class="primary">
     <div class="nav-wrapper">
diff --git a/src/card/card.html b/src/card/card.html
index 7a38099c..ae855eb8 100644
--- a/src/card/card.html
+++ b/src/card/card.html
@@ -1,5 +1,5 @@
 <template>
-  <require from="./card.css!"></require>
+  <require from="./card.css!text"></require>
   <div class="card ${ mdSize || '' }">
     <div if.bind="mdImage !== null" md-waves="color: light; block: true;" class="card-image">
       <img class="${ mdReveal === true ? 'activator' : '' }" src.bind="mdImage" />
diff --git a/src/collection/collection-header.html b/src/collection/collection-header.html
index 403e19c1..7ac3b261 100644
--- a/src/collection/collection-header.html
+++ b/src/collection/collection-header.html
@@ -1,4 +1,4 @@
 <template class="collection-header">
-  <require from="./collection-header.css!"></require>
+  <require from="./collection-header.css!text"></require>
   <slot></slot>
 </template>
diff --git a/src/collection/collection-item.html b/src/collection/collection-item.html
index 26a538dd..5b15afd7 100644
--- a/src/collection/collection-item.html
+++ b/src/collection/collection-item.html
@@ -1,5 +1,5 @@
 <template class="collection-item">
-  <require from="./collection-item.css!"></require>
+  <require from="./collection-item.css!text"></require>
   <slot></slot>
   <!-- <content select=".secondary-content"></content> -->
 </template>
diff --git a/src/collection/md-collection-selector.html b/src/collection/md-collection-selector.html
index 332dcb2e..78a9d9a0 100644
--- a/src/collection/md-collection-selector.html
+++ b/src/collection/md-collection-selector.html
@@ -1,5 +1,5 @@
 <template>
-  <require from="./md-collection-selector.css!"></require>
+  <require from="./md-collection-selector.css!text"></require>
   <div class="md-collection-selector__checkbox">
     <!-- <content select=".md-collection-selector__hover"></content> -->
     <slot></slot>
diff --git a/src/input/input.html b/src/input/input.html
index 8b1bc8a2..76c1c1f5 100644
--- a/src/input/input.html
+++ b/src/input/input.html
@@ -1,5 +1,5 @@
 <template>
-  <require from="./input.css!"></require>
+  <require from="./input.css!text"></require>
   <div class="input-field">
     <!-- <content select="[md-prefix]"></content> -->
     <slot></slot>
diff --git a/src/navbar/navbar.html b/src/navbar/navbar.html
index 3dc7f39b..d03b4b50 100644
--- a/src/navbar/navbar.html
+++ b/src/navbar/navbar.html
@@ -1,5 +1,5 @@
 <template>
-  <require from="./navbar.css!"></require>
+  <require from="./navbar.css!text"></require>
   <div ref="fixedAnchor">
     <nav class="primary">
       <div class="nav-wrapper">
diff --git a/src/sidenav/sidenav.html b/src/sidenav/sidenav.html
index c43c1ebc..69646b16 100644
--- a/src/sidenav/sidenav.html
+++ b/src/sidenav/sidenav.html
@@ -1,5 +1,5 @@
 <template>
-  <require from="./sidenav.css!"></require>
+  <require from="./sidenav.css!text"></require>
   <div id="${ controlId }" class="side-nav" ref="sidenav">
     <slot></slot>
   </div>
diff --git a/src/slider/slider.js b/src/slider/slider.js
index 2e8e435c..888e41a8 100644
--- a/src/slider/slider.js
+++ b/src/slider/slider.js
@@ -8,7 +8,7 @@ import { getLogger } from 'aurelia-logging';
 @inject(Element)
 @inlineView(`
   <template class="slider">
-  <require from="./slider.css!"></require>
+  <require from="./slider.css!text"></require>
   <ul class="slides">
     <slot></slot>
   </ul>
diff --git a/src/switch/switch.html b/src/switch/switch.html
index 74b56935..a954da1e 100644
--- a/src/switch/switch.html
+++ b/src/switch/switch.html
@@ -1,5 +1,5 @@
 <template class="switch">
-  <require from="./switch.css!"></require>
+  <require from="./switch.css!text"></require>
   <label>
     ${mdLabelOff}
     <input type="checkbox" ref="checkbox">