diff --git a/index.html b/index.html
index e58da9da9..98034a90b 100755
--- a/index.html
+++ b/index.html
@@ -109,11 +109,22 @@
 				</div>
 			</section>
 
-			<footer>
-
+			<footer class="footer-under">
+				<div class="container-width">
+					<div>List</div>
+				</div>
+				<div class="copyright">
+					<div class="container-width">Copyright</div>
+				</div>
 			</footer>
 
 			<style>
+				.footer-under{
+					background-color: #312833;
+					padding-bottom: 100px;
+					padding-top: 100px;
+				}
+
 				.clearfix{ clear:both}
 				.header-banner{
 					background: url("./img/bg-gr-v.png") repeat scroll left top, rgba(0, 0, 0, 0) url("http://www.freewhd.com/wp-content/uploads/2014/01/work-desk-14949.jpg") no-repeat scroll center center;
@@ -204,6 +215,7 @@
 					border-radius: 2px;
 					transition: all 0.5s ease;
 					font-weight: 100;
+					overflow: hidden;
 				}
 				.card:hover{
 					margin-top: -5px;
@@ -216,7 +228,8 @@
   				background-position:center center;
 				}
 				.card-body{
-					padding: 10px;
+					padding: 15px;
+					color: #555;
 				}
 				.card-title{
 					font-size: 1.4em;
@@ -229,6 +242,7 @@
 				}
 				.card-desc{
 					font-size: 0.85rem;
+					line-height: 17px;
 				}
 				.am-sect{
 					padding-top: 100px;
diff --git a/src/commands/view/SelectComponent.js b/src/commands/view/SelectComponent.js
index b50a9068e..d05100f8e 100644
--- a/src/commands/view/SelectComponent.js
+++ b/src/commands/view/SelectComponent.js
@@ -55,7 +55,7 @@ define(function() {
 						.on('mouseout', this.onOut)
 						.on('click', this.onClick);
 				this.selEl = this.$el.find('*');
-				$(document).on('keypress', this.onKeyPress);
+				$(document).on('keydown', this.onKeyPress);
 			},
 
 			/**
@@ -235,7 +235,7 @@ define(function() {
 				this.editorModel.set('selectedComponent',null);
 				key.unbind('⌘+c, ctrl+c');
 				key.unbind('⌘+v, ctrl+v');
-				$(document).off('keypress', this.onKeyPress);
+				$(document).off('keydown', this.onKeyPress);
 			}
 		};
 });
\ No newline at end of file