diff --git a/packages/core/.npmignore b/packages/core/.npmignore
index 0ab1247..c68a66f 100644
--- a/packages/core/.npmignore
+++ b/packages/core/.npmignore
@@ -1,2 +1,3 @@
 tests
+node_modules
 cc-test-reporter
\ No newline at end of file
diff --git a/packages/core/src/items/items.js b/packages/core/src/items/items.js
index f8d80d1..88d68a4 100644
--- a/packages/core/src/items/items.js
+++ b/packages/core/src/items/items.js
@@ -3,15 +3,8 @@ import { jsx } from "@emotion/core";
 import React from "react";
 
 const ItemsRenderer = props => {
-  const {
-    getStyles,
-    children
-  } = props;
-  return (
-      <div css={getStyles("items", props)}>
-        {children}
-      </div>
-  );
+  const { getStyles, children } = props;
+  return <div css={getStyles("items", props)}>{children}</div>;
 };
 
 export default ItemsRenderer;
diff --git a/packages/core/tests/__snapshots__/tree.spec.js.snap b/packages/core/tests/__snapshots__/tree.spec.js.snap
index c69be57..6c56913 100644
--- a/packages/core/tests/__snapshots__/tree.spec.js.snap
+++ b/packages/core/tests/__snapshots__/tree.spec.js.snap
@@ -1,49 +1,44 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`tree component default 1`] = `
-<EmotionCssPropInternal
-  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Tree"
-  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-  css={
+<TreeContainerRenderer
+  containerRef={
     Object {
-      "backgroundColor": "#F8F9FA",
-      "border": "1px solid #E1E4EB",
-      "borderRadius": "4px",
-      "boxShadow": "0 6px 10px 0 rgba(27, 32, 70, 0.09)",
-      "boxSizing": "border-box",
-      "color": "#545769",
-      "fontFamily": "Arial, Helvetica, sans-serif",
-      "height": "280px",
-      "position": "relative",
-      "width": "230px",
+      "current": undefined,
     }
   }
+  getStyles={[Function]}
+  height="300px"
+  width="230px"
 >
   <Header
     getStyles={[Function]}
+    headerRef={
+      Object {
+        "current": undefined,
+      }
+    }
     onClick={[Function]}
     parents={Array []}
   />
   <Input
     getStyles={[Function]}
-    searchTerm=""
-    setSearchTerm={[Function]}
-  />
-  <EmotionCssPropInternal
-    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Tree"
-    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-    css={
+    inputRef={
       Object {
-        "boxSizing": "border-box",
-        "maxHeight": "203px",
-        "overflowY": "auto",
+        "current": undefined,
       }
     }
-  >
-    <NoResults
-      getStyles={[Function]}
-      text="No matching results"
-    />
-  </EmotionCssPropInternal>
-</EmotionCssPropInternal>
+    onInputChange={[Function]}
+    searchTerm=""
+  />
+  <ItemsRenderer
+    getStyles={[Function]}
+    height={0}
+  />
+  <NoResults
+    getStyles={[Function]}
+    height={0}
+    text="No matching results"
+  />
+</TreeContainerRenderer>
 `;
diff --git a/packages/material_tree/.npmignore b/packages/material_tree/.npmignore
index 0ab1247..c68a66f 100644
--- a/packages/material_tree/.npmignore
+++ b/packages/material_tree/.npmignore
@@ -1,2 +1,3 @@
 tests
+node_modules
 cc-test-reporter
\ No newline at end of file