diff --git a/stylesheets/error_message.css.scss b/stylesheets/error_message.scss
similarity index 98%
rename from stylesheets/error_message.css.scss
rename to stylesheets/error_message.scss
index 1a44c42..c425bcb 100644
--- a/stylesheets/error_message.css.scss
+++ b/stylesheets/error_message.scss
@@ -1,4 +1,4 @@
-@import 'mixins.css.scss';
+@import 'mixins.scss';
 
 // This is outside the form-view element, so we can't use it as parent selector
 .flame-form-view-validation-error {
diff --git a/stylesheets/flame.css.scss b/stylesheets/flame.scss
similarity index 96%
rename from stylesheets/flame.css.scss
rename to stylesheets/flame.scss
index 035f81a..c71d4b8 100644
--- a/stylesheets/flame.css.scss
+++ b/stylesheets/flame.scss
@@ -1,5 +1,5 @@
 @import "reset.css";
-@import "mixins.css.scss";
+@import "mixins.scss";
 
 body {
     font-size: $default-font-size;
diff --git a/stylesheets/mixins.css.scss b/stylesheets/mixins.scss
similarity index 100%
rename from stylesheets/mixins.css.scss
rename to stylesheets/mixins.scss
diff --git a/stylesheets/views/alert_panel.css.scss b/stylesheets/views/alert_panel.scss
similarity index 100%
rename from stylesheets/views/alert_panel.css.scss
rename to stylesheets/views/alert_panel.scss
diff --git a/stylesheets/views/button_view.css.scss b/stylesheets/views/button_view.scss
similarity index 97%
rename from stylesheets/views/button_view.css.scss
rename to stylesheets/views/button_view.scss
index c39fb12..85d432b 100644
--- a/stylesheets/views/button_view.css.scss
+++ b/stylesheets/views/button_view.scss
@@ -1,4 +1,4 @@
-@import "../mixins.css.scss";
+@import "../mixins.scss";
 
 .flame-button-view {
     border: 1px solid #999;
diff --git a/stylesheets/views/checkbox_view.css.scss b/stylesheets/views/checkbox_view.scss
similarity index 98%
rename from stylesheets/views/checkbox_view.css.scss
rename to stylesheets/views/checkbox_view.scss
index 59ff06b..b5d6ab4 100644
--- a/stylesheets/views/checkbox_view.css.scss
+++ b/stylesheets/views/checkbox_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-button-view.flame-checkbox-view {
     @include no-gradient();
diff --git a/stylesheets/views/collection_view.css.scss b/stylesheets/views/collection_view.scss
similarity index 100%
rename from stylesheets/views/collection_view.css.scss
rename to stylesheets/views/collection_view.scss
diff --git a/stylesheets/views/combo_box_view.css.scss b/stylesheets/views/combo_box_view.scss
similarity index 94%
rename from stylesheets/views/combo_box_view.css.scss
rename to stylesheets/views/combo_box_view.scss
index 582f6db..4466bc1 100644
--- a/stylesheets/views/combo_box_view.css.scss
+++ b/stylesheets/views/combo_box_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-combo-box-view {
     background: none;
diff --git a/stylesheets/views/disclosure_view.css.scss b/stylesheets/views/disclosure_view.scss
similarity index 100%
rename from stylesheets/views/disclosure_view.css.scss
rename to stylesheets/views/disclosure_view.scss
diff --git a/stylesheets/views/form_view.css.scss b/stylesheets/views/form_view.scss
similarity index 100%
rename from stylesheets/views/form_view.css.scss
rename to stylesheets/views/form_view.scss
diff --git a/stylesheets/views/label_view.css.scss b/stylesheets/views/label_view.scss
similarity index 100%
rename from stylesheets/views/label_view.css.scss
rename to stylesheets/views/label_view.scss
diff --git a/stylesheets/views/lazy_list_view.css.scss b/stylesheets/views/lazy_list_view.scss
similarity index 94%
rename from stylesheets/views/lazy_list_view.css.scss
rename to stylesheets/views/lazy_list_view.scss
index cfe6cb8..86af762 100644
--- a/stylesheets/views/lazy_list_view.css.scss
+++ b/stylesheets/views/lazy_list_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-lazy-list-view {
     overflow: visible;
diff --git a/stylesheets/views/lazy_tree_item_view.css.scss b/stylesheets/views/lazy_tree_item_view.scss
similarity index 100%
rename from stylesheets/views/lazy_tree_item_view.css.scss
rename to stylesheets/views/lazy_tree_item_view.scss
diff --git a/stylesheets/views/list_item_view.css.scss b/stylesheets/views/list_item_view.scss
similarity index 100%
rename from stylesheets/views/list_item_view.css.scss
rename to stylesheets/views/list_item_view.scss
diff --git a/stylesheets/views/list_view.css.scss b/stylesheets/views/list_view.scss
similarity index 96%
rename from stylesheets/views/list_view.css.scss
rename to stylesheets/views/list_view.scss
index c2539a8..aa22e15 100644
--- a/stylesheets/views/list_view.css.scss
+++ b/stylesheets/views/list_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-list-view {
     & .flame-list-item-view.is-selected,
diff --git a/stylesheets/views/menu_view.css.scss b/stylesheets/views/menu_view.scss
similarity index 98%
rename from stylesheets/views/menu_view.css.scss
rename to stylesheets/views/menu_view.scss
index 30a1d50..fec4a79 100644
--- a/stylesheets/views/menu_view.css.scss
+++ b/stylesheets/views/menu_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-menu {
     font-size: 12px;
diff --git a/stylesheets/views/panel.css.scss b/stylesheets/views/panel.scss
similarity index 96%
rename from stylesheets/views/panel.css.scss
rename to stylesheets/views/panel.scss
index d13cadd..92136f7 100644
--- a/stylesheets/views/panel.css.scss
+++ b/stylesheets/views/panel.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-panel {
     border: 1px solid #888;
diff --git a/stylesheets/views/popover.css.scss b/stylesheets/views/popover.scss
similarity index 96%
rename from stylesheets/views/popover.css.scss
rename to stylesheets/views/popover.scss
index 24d12da..2877866 100644
--- a/stylesheets/views/popover.css.scss
+++ b/stylesheets/views/popover.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-popover {
     @include no-gradient();
diff --git a/stylesheets/views/progress_view.css.scss b/stylesheets/views/progress_view.scss
similarity index 91%
rename from stylesheets/views/progress_view.css.scss
rename to stylesheets/views/progress_view.scss
index 046fb8a..52acac0 100644
--- a/stylesheets/views/progress_view.css.scss
+++ b/stylesheets/views/progress_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-progress-view {
     .progress-container {
diff --git a/stylesheets/views/radio_button_view.css.scss b/stylesheets/views/radio_button_view.scss
similarity index 89%
rename from stylesheets/views/radio_button_view.css.scss
rename to stylesheets/views/radio_button_view.scss
index dfc8829..a9fa5f9 100644
--- a/stylesheets/views/radio_button_view.css.scss
+++ b/stylesheets/views/radio_button_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-checkbox-view.flame-radio-button-view {
     .flame-checkbox-box {
diff --git a/stylesheets/views/scroll_view.css.scss b/stylesheets/views/scroll_view.scss
similarity index 100%
rename from stylesheets/views/scroll_view.css.scss
rename to stylesheets/views/scroll_view.scss
diff --git a/stylesheets/views/search_text_field_view.css.scss b/stylesheets/views/search_text_field_view.scss
similarity index 100%
rename from stylesheets/views/search_text_field_view.css.scss
rename to stylesheets/views/search_text_field_view.scss
diff --git a/stylesheets/views/select_button_view.css.scss b/stylesheets/views/select_button_view.scss
similarity index 95%
rename from stylesheets/views/select_button_view.css.scss
rename to stylesheets/views/select_button_view.scss
index a0d1ddc..47efa49 100644
--- a/stylesheets/views/select_button_view.css.scss
+++ b/stylesheets/views/select_button_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-select-button-view {
     label {
diff --git a/stylesheets/views/split_view.css.scss b/stylesheets/views/split_view.scss
similarity index 92%
rename from stylesheets/views/split_view.css.scss
rename to stylesheets/views/split_view.scss
index dc3100b..2b818a3 100644
--- a/stylesheets/views/split_view.css.scss
+++ b/stylesheets/views/split_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-vertical-split-view > .flame-split-view-divider {
     border-style: none solid;
diff --git a/stylesheets/views/stack_item_view.css.scss b/stylesheets/views/stack_item_view.scss
similarity index 100%
rename from stylesheets/views/stack_item_view.css.scss
rename to stylesheets/views/stack_item_view.scss
diff --git a/stylesheets/views/tab_view.css.scss b/stylesheets/views/tab_view.scss
similarity index 93%
rename from stylesheets/views/tab_view.css.scss
rename to stylesheets/views/tab_view.scss
index dffcc8a..bdb3d92 100644
--- a/stylesheets/views/tab_view.css.scss
+++ b/stylesheets/views/tab_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-tab-view-tabs .flame-button-view {
     position: static;
diff --git a/stylesheets/views/table_view.css.scss b/stylesheets/views/table_view.scss
similarity index 99%
rename from stylesheets/views/table_view.css.scss
rename to stylesheets/views/table_view.scss
index 1bf4d5e..826036d 100644
--- a/stylesheets/views/table_view.css.scss
+++ b/stylesheets/views/table_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-table-view {
     line-height: normal;
diff --git a/stylesheets/views/text_field_view.css.scss b/stylesheets/views/text_field_view.scss
similarity index 98%
rename from stylesheets/views/text_field_view.css.scss
rename to stylesheets/views/text_field_view.scss
index bda17df..f8ed785 100644
--- a/stylesheets/views/text_field_view.css.scss
+++ b/stylesheets/views/text_field_view.scss
@@ -1,4 +1,4 @@
-@import '../mixins.css.scss';
+@import '../mixins.scss';
 
 .flame-text {
     overflow: visible;
diff --git a/stylesheets/views/tooltip.css.scss b/stylesheets/views/tooltip.scss
similarity index 100%
rename from stylesheets/views/tooltip.css.scss
rename to stylesheets/views/tooltip.scss
diff --git a/stylesheets/views/tree_item_view.css.scss b/stylesheets/views/tree_item_view.scss
similarity index 100%
rename from stylesheets/views/tree_item_view.css.scss
rename to stylesheets/views/tree_item_view.scss
diff --git a/views/alert_panel.js b/views/alert_panel.js
index 9cc9159..6f12a5e 100644
--- a/views/alert_panel.js
+++ b/views/alert_panel.js
@@ -7,7 +7,7 @@ import VerticalStackLayoutManager from '../layout_managers/vertical_stack_layout
 import { nearest } from '../utils/computed_nearest';
 import { measureString } from '../utils/string_measurement';
 
-import '../stylesheets/views/alert_panel.css.scss';
+import '../stylesheets/views/alert_panel.scss';
 
 const { alias } = Ember.computed;
 
diff --git a/views/button_view.js b/views/button_view.js
index 15c3ff7..e9bafd0 100644
--- a/views/button_view.js
+++ b/views/button_view.js
@@ -2,7 +2,7 @@ import View from '../view';
 import ActionSupport from '../mixins/action_support';
 import Statechart, { State } from '../statechart';
 
-import '../stylesheets/views/button_view.css.scss';
+import '../stylesheets/views/button_view.scss';
 
 export default View.extend(ActionSupport, Statechart, {
     defaultHeight: 24,
diff --git a/views/checkbox_view.js b/views/checkbox_view.js
index fd962f9..7ec5989 100644
--- a/views/checkbox_view.js
+++ b/views/checkbox_view.js
@@ -1,6 +1,6 @@
 import ButtonView from './button_view';
 
-import '../stylesheets/views/checkbox_view.css.scss';
+import '../stylesheets/views/checkbox_view.scss';
 
 import imgUrl from 'lib/flame/images/checkmark.svg';
 
diff --git a/views/collection_view.js b/views/collection_view.js
index 6a8729e..e5845e9 100644
--- a/views/collection_view.js
+++ b/views/collection_view.js
@@ -2,7 +2,7 @@ import ViewSupport from '../mixins/view_support';
 import LayoutSupport from '../mixins/layout_support';
 import EventManager from '../mixins/event_manager';
 
-import '../stylesheets/views/collection_view.css.scss';
+import '../stylesheets/views/collection_view.scss';
 
 export default Ember.CollectionView.extend(ViewSupport, LayoutSupport, EventManager, {
     classNames: ['flame-collection-view']
diff --git a/views/combo_box_view.js b/views/combo_box_view.js
index 927c788..bab0c56 100644
--- a/views/combo_box_view.js
+++ b/views/combo_box_view.js
@@ -2,7 +2,7 @@ import ButtonView from './button_view';
 import SelectButtonView from './select_button_view';
 import TextFieldView from './text_field_view';
 
-import '../stylesheets/views/combo_box_view.css.scss';
+import '../stylesheets/views/combo_box_view.scss';
 
 import selectButtonArrow from 'lib/flame/images/select_button_arrow.svg';
 
diff --git a/views/disclosure_view.js b/views/disclosure_view.js
index 51070df..88d8fb0 100644
--- a/views/disclosure_view.js
+++ b/views/disclosure_view.js
@@ -1,6 +1,6 @@
 import LabelView from './label_view';
 
-import '../stylesheets/views/disclosure_view.css.scss';
+import '../stylesheets/views/disclosure_view.scss';
 
 import triangleDown from 'lib/flame/images/disclosure_triangle_down.svg';
 import triangleRight from 'lib/flame/images/disclosure_triangle_right.svg';
diff --git a/views/error_message_view.js b/views/error_message_view.js
index ab2f664..92c0abc 100644
--- a/views/error_message_view.js
+++ b/views/error_message_view.js
@@ -1,6 +1,6 @@
 import LabelView, { ALIGN_LEFT, ALIGN_RIGHT } from './label_view';
 
-import '../stylesheets/error_message.css.scss';
+import '../stylesheets/error_message.scss';
 
 export default LabelView.extend({
     classNames: ['flame-form-view-validation-error'],
diff --git a/views/form_view.js b/views/form_view.js
index 4b1ae4b..80f00a9 100644
--- a/views/form_view.js
+++ b/views/form_view.js
@@ -15,7 +15,7 @@ import { keyResponderStack } from '../mixins/event_manager';
 import { nearest } from '../utils/computed_nearest';
 import { notEqual } from '../utils/computed';
 
-import '../stylesheets/views/form_view.css.scss';
+import '../stylesheets/views/form_view.scss';
 
 // You must set on object to 'object' that the form manipulates (or use a binding)
 // Optionally you can set a defaultTarget, that will be used to set the default target for any actions
diff --git a/views/label_view.js b/views/label_view.js
index 673d2a5..d60572e 100644
--- a/views/label_view.js
+++ b/views/label_view.js
@@ -1,4 +1,4 @@
-import "../stylesheets/views/label_view.css.scss";
+import "../stylesheets/views/label_view.scss";
 
 import View from '../view';
 import ActionSupport from '../mixins/action_support';
diff --git a/views/lazy_list_item_view.js b/views/lazy_list_item_view.js
index be6d61b..1c78842 100644
--- a/views/lazy_list_item_view.js
+++ b/views/lazy_list_item_view.js
@@ -3,7 +3,7 @@ import Statechart, { State } from '../statechart';
 import '../utils/jquery_util';
 
 import reorderIndicator from 'lib/flame/images/reorder_indicator.svg';
-import '../stylesheets/views/lazy_list_view.css.scss';
+import '../stylesheets/views/lazy_list_view.scss';
 
 export const MouseIsDownState = State.extend({
     xOffset: null,
diff --git a/views/lazy_tree_item_view.js b/views/lazy_tree_item_view.js
index 6550168..c5bc45e 100644
--- a/views/lazy_tree_item_view.js
+++ b/views/lazy_tree_item_view.js
@@ -1,6 +1,6 @@
 import LazyListItemView, { MouseIsDownState } from './lazy_list_item_view';
 
-import '../stylesheets/views/lazy_tree_item_view.css.scss';
+import '../stylesheets/views/lazy_tree_item_view.scss';
 
 import triangleDown from 'lib/flame/images/disclosure_triangle_down.svg';
 import triangleRight from 'lib/flame/images/disclosure_triangle_right.svg';
diff --git a/views/list_item_view.js b/views/list_item_view.js
index 9551ba3..bce01af 100644
--- a/views/list_item_view.js
+++ b/views/list_item_view.js
@@ -1,6 +1,6 @@
 import View from '../view';
 
-import '../stylesheets/views/list_item_view.css.scss';
+import '../stylesheets/views/list_item_view.scss';
 
 export default View.extend({
     useAbsolutePosition: false,
diff --git a/views/list_view.js b/views/list_view.js
index 46e7221..ab97206 100644
--- a/views/list_view.js
+++ b/views/list_view.js
@@ -3,7 +3,7 @@ import ListItemView from './list_item_view';
 import ListViewDragHelper from './list_view_drag_helper';
 import Statechart, { State } from '../statechart';
 
-import '../stylesheets/views/list_view.css.scss';
+import '../stylesheets/views/list_view.scss';
 
 /**
   Displays a list of items. Allows reordering if allowReordering is true.
diff --git a/views/menu_view.js b/views/menu_view.js
index 4136a1d..56b15d6 100644
--- a/views/menu_view.js
+++ b/views/menu_view.js
@@ -6,8 +6,8 @@ import MenuViewSupport from '../mixins/menu_view_support';
 
 // We need to import list item view css before menu view's because otherwise menu view's css will
 // override some list view's styles
-import '../stylesheets/views/list_item_view.css.scss';
-import '../stylesheets/views/menu_view.css.scss';
+import '../stylesheets/views/list_item_view.scss';
+import '../stylesheets/views/menu_view.scss';
 
 // Only to be used in MenuView. Represent menu items with normal JS objects as creation of one Ember object took
 // 3.5 ms on fast IE8 machine.
diff --git a/views/multiselection_menu_view.js b/views/multiselection_menu_view.js
index 78d3774..73318fd 100644
--- a/views/multiselection_menu_view.js
+++ b/views/multiselection_menu_view.js
@@ -1,4 +1,4 @@
-import 'stylesheets/app/multi-select.css.scss';
+import 'stylesheets/app/multi-select.scss';
 
 import View from '../view';
 import Panel from './panel';
diff --git a/views/panel.js b/views/panel.js
index c230da3..1c38f51 100644
--- a/views/panel.js
+++ b/views/panel.js
@@ -1,4 +1,4 @@
-import '../stylesheets/views/panel.css.scss';
+import '../stylesheets/views/panel.scss';
 
 import View from '../view';
 import Statechart, { State } from '../statechart';
diff --git a/views/popover.js b/views/popover.js
index 04d82f2..df0dab9 100644
--- a/views/popover.js
+++ b/views/popover.js
@@ -11,7 +11,7 @@ import arrowLeft from 'lib/flame/images/arrow_left.png';
 import arrowDown from 'lib/flame/images/arrow_down.png';
 import arrowRight from 'lib/flame/images/arrow_right.png';
 
-import '../stylesheets/views/popover.css.scss';
+import '../stylesheets/views/popover.scss';
 
 /**
   Popover provides a means to display a popup in the context of an existing element in the UI.
diff --git a/views/progress_view.js b/views/progress_view.js
index 6d74973..576975c 100644
--- a/views/progress_view.js
+++ b/views/progress_view.js
@@ -1,6 +1,6 @@
 import View from '../view';
 
-import '../stylesheets/views/progress_view.css.scss';
+import '../stylesheets/views/progress_view.scss';
 
 export default View.extend({
     classNames: ['flame-progress-view'],
diff --git a/views/radio_button_view.js b/views/radio_button_view.js
index e25fcd2..433980f 100644
--- a/views/radio_button_view.js
+++ b/views/radio_button_view.js
@@ -1,6 +1,6 @@
 import CheckboxView from './checkbox_view';
 
-import '../stylesheets/views/radio_button_view.css.scss';
+import '../stylesheets/views/radio_button_view.scss';
 
 export default CheckboxView.extend({
     classNames: ['flame-radio-button-view'],
diff --git a/views/scroll_view.js b/views/scroll_view.js
index 0ae3b5c..04258a0 100644
--- a/views/scroll_view.js
+++ b/views/scroll_view.js
@@ -1,6 +1,6 @@
 import View from '../view';
 
-import '../stylesheets/views/scroll_view.css.scss';
+import '../stylesheets/views/scroll_view.scss';
 
 /**
   ScrollView provides a scrollable container. In the DOM this is just a div
diff --git a/views/search_text_field_view.js b/views/search_text_field_view.js
index dca4170..fd39e89 100644
--- a/views/search_text_field_view.js
+++ b/views/search_text_field_view.js
@@ -1,7 +1,7 @@
 import TextFieldView from './text_field_view';
 import ButtonView from './button_view';
 
-import '../stylesheets/views/search_text_field_view.css.scss';
+import '../stylesheets/views/search_text_field_view.scss';
 
 import searchClear from 'lib/flame/images/search_clear.svg';
 
diff --git a/views/select_button_view.js b/views/select_button_view.js
index b1bec60..eaac52c 100644
--- a/views/select_button_view.js
+++ b/views/select_button_view.js
@@ -1,7 +1,7 @@
 import ButtonView from './button_view';
 import MenuView from './menu_view';
 
-import '../stylesheets/views/select_button_view.css.scss';
+import '../stylesheets/views/select_button_view.scss';
 import selectButtonArrow from 'lib/flame/images/select_button_arrow.svg';
 
 export default ButtonView.extend({
diff --git a/views/split_view.js b/views/split_view.js
index 497e3af..0747a45 100644
--- a/views/split_view.js
+++ b/views/split_view.js
@@ -1,7 +1,7 @@
 import View from '../view';
 import SplitViewDividerViewBase from './split_view_divider_view_base';
 
-import '../stylesheets/views/split_view.css.scss';
+import '../stylesheets/views/split_view.scss';
 
 export default View.extend({
     allowResizing: true,
diff --git a/views/stack_item_view.js b/views/stack_item_view.js
index a5a4132..4d39a88 100644
--- a/views/stack_item_view.js
+++ b/views/stack_item_view.js
@@ -1,6 +1,6 @@
 import ListItemView from './list_item_view';
 
-import '../stylesheets/views/stack_item_view.css.scss';
+import '../stylesheets/views/stack_item_view.scss';
 
 export default ListItemView.extend({
     useAbsolutePosition: true,
diff --git a/views/tab_view.js b/views/tab_view.js
index 467ab8f..1cbfd6d 100644
--- a/views/tab_view.js
+++ b/views/tab_view.js
@@ -1,7 +1,7 @@
 import View from '../view';
 import ButtonView from './button_view';
 
-import '../stylesheets/views/tab_view.css.scss';
+import '../stylesheets/views/tab_view.scss';
 
 export default View.extend({
     classNames: ['flame-tab-view'],
diff --git a/views/table_view.js b/views/table_view.js
index 73da6df..51cde96 100644
--- a/views/table_view.js
+++ b/views/table_view.js
@@ -4,7 +4,7 @@ import TableViewContentAdapter from '../utils/table_view_content_adapter';
 import Statechart, { State } from '../statechart';
 import { measureString } from '../utils/string_measurement';
 
-import '../stylesheets/views/table_view.css.scss';
+import '../stylesheets/views/table_view.scss';
 
 const { alias, readOnly } = Ember.computed;
 
diff --git a/views/text_field_view.js b/views/text_field_view.js
index 4e98fd8..e8129d7 100644
--- a/views/text_field_view.js
+++ b/views/text_field_view.js
@@ -4,7 +4,7 @@ import EventManager, { ALLOW_BROWSER_DEFAULT_HANDLING } from '../mixins/event_ma
 import FocusSupport from '../mixins/focus_support';
 import { trueFalse } from '../utils/computed';
 
-import '../stylesheets/views/text_field_view.css.scss';
+import '../stylesheets/views/text_field_view.scss';
 
 const { alias, equal } = Ember.computed;
 
diff --git a/views/tooltip.js b/views/tooltip.js
index d25a2eb..b23dff8 100644
--- a/views/tooltip.js
+++ b/views/tooltip.js
@@ -2,7 +2,7 @@ import LabelView, { ALIGN_CENTER } from './label_view';
 import Popover from './popover';
 import { measureString } from '../utils/string_measurement';
 
-import '../stylesheets/views/tooltip.css.scss';
+import '../stylesheets/views/tooltip.scss';
 
 export default Popover.extend({
     layout: { height: 25, width: 200 },
diff --git a/views/tree_item_view.js b/views/tree_item_view.js
index afc84ac..89e5355 100644
--- a/views/tree_item_view.js
+++ b/views/tree_item_view.js
@@ -4,7 +4,7 @@ import ListItemView from './list_item_view';
 import DisclosureView from './disclosure_view';
 import VerticalStackLayoutManager from '../layout_managers/vertical_stack_layout_manager';
 
-import '../stylesheets/views/tree_item_view.css.scss';
+import '../stylesheets/views/tree_item_view.scss';
 
 /*
   A child view in a TreeView. In most cases you don't need to extend this, you can instead define