diff --git a/client/tpk/sheetEditor/sheetEditor.jsx b/client/tpk/sheetEditor/sheetEditor.jsx
index 8918454..5891244 100644
--- a/client/tpk/sheetEditor/sheetEditor.jsx
+++ b/client/tpk/sheetEditor/sheetEditor.jsx
@@ -18,7 +18,6 @@ var SheetEditor = React.createClass({
 
 	componentDidMount: function() {
 		var paneHeight = this.refs.main.parentNode.clientHeight;
-		paneHeight -= this.refs.snippetBar.clientHeight + 1;
 		this.refs.codeEditor.codeMirror.setSize(null, paneHeight);
 	},
 
@@ -35,7 +34,7 @@ var SheetEditor = React.createClass({
 	},
 
 	render : function(){
-		return <div className='sheetEditor'>
+		return <div className='sheetEditor' ref='main'>
 			<CodeEditor
 				ref='codeEditor'
 				wrap={true}
diff --git a/client/tpk/tpk.jsx b/client/tpk/tpk.jsx
index 8c52d7e..5ee42fb 100644
--- a/client/tpk/tpk.jsx
+++ b/client/tpk/tpk.jsx
@@ -18,6 +18,13 @@ var TPK = React.createClass({
 		};
 	},
 
+	//remove later
+	componentDidMount: function() {
+		this.setState({
+			sheetCode : localStorage.getItem('temp')
+		})
+	},
+
 	handleSplitMove : function(){
 		this.refs.editor.update();
 	},
@@ -25,7 +32,9 @@ var TPK = React.createClass({
 	handleCodeChange : function(code){
 		this.setState({
 			sheetCode : code
-		})
+		});
+
+		localStorage.setItem('temp', code);
 	},
 
 	render : function(){
diff --git a/client/tpk/tpk.less b/client/tpk/tpk.less
index 4ca6e03..4166416 100644
--- a/client/tpk/tpk.less
+++ b/client/tpk/tpk.less
@@ -9,7 +9,10 @@
 		flex-direction : column;
 		.content{
 			position : relative;
-			height   : calc(~"100% - 29px"); //Navbar height
+			//height   : calc(~"100% - 29px"); //Navbar height
+
+			height : 100%;
+
 			flex     : auto;
 		}
 	}
diff --git a/gulpfile.js b/gulpfile.js
index 72f9fff..fc99fbe 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -31,6 +31,7 @@ var gulp = vitreumTasks(gulp, {
 		"codemirror/mode/gfm/gfm.js",
 		'codemirror/mode/javascript/javascript.js',
 
+
 		"moment",
 		"superagent",
 		"marked",