diff --git a/package.json b/package.json
index ca92315d2..6b39e6348 100644
--- a/package.json
+++ b/package.json
@@ -60,13 +60,13 @@
     "po2icu": "0.0.2",
     "postcss-loader": "0.8.2",
     "raven-js": "3.0.4",
-    "react": "0.14.0",
-    "react-dom": "0.14.0",
+    "react": "15.1.0",
+    "react-dom": "15.0.1",
     "react-intl": "2.1.2",
-    "react-modal": "0.6.1",
+    "react-modal": "1.3.0",
     "react-onclickoutside": "4.1.1",
-    "react-redux": "4.4.0",
-    "react-slick": "0.9.2",
+    "react-redux": "4.4.5",
+    "react-slick": "0.12.2",
     "redux": "3.5.2",
     "redux-thunk": "2.0.1",
     "sass-lint": "1.5.1",
diff --git a/src/components/modal/modal.jsx b/src/components/modal/modal.jsx
index c2d063d6f..0e1d68c6e 100644
--- a/src/components/modal/modal.jsx
+++ b/src/components/modal/modal.jsx
@@ -11,6 +11,7 @@ var defaultStyle = {
         backgroundColor: 'rgba(0, 0, 0, .75)'
     },
     content: {
+        position: 'absolute',
         overflow: 'visible',
         borderRadius: '6px',
         width: 500,
diff --git a/src/components/modal/modal.scss b/src/components/modal/modal.scss
index fae33030d..bafe217d6 100644
--- a/src/components/modal/modal.scss
+++ b/src/components/modal/modal.scss
@@ -1,6 +1,10 @@
 @import "../../colors";
 
 .ReactModal__Content {
+    &:focus {
+        outline: none;
+    }
+
     iframe {
         border: 0;
     }
diff --git a/src/components/navigation/www/navigation.jsx b/src/components/navigation/www/navigation.jsx
index ffeaf21d3..654b242a1 100644
--- a/src/components/navigation/www/navigation.jsx
+++ b/src/components/navigation/www/navigation.jsx
@@ -9,6 +9,7 @@ var sessionActions = require('../../../redux/session.js');
 
 var Api = require('../../../mixins/api.jsx');
 var Avatar = require('../../avatar/avatar.jsx');
+var Button = require('../../forms/button.jsx');
 var Dropdown = require('../../dropdown/dropdown.jsx');
 var Input = require('../../forms/input.jsx');
 var log = require('../../../lib/log.js');
@@ -215,7 +216,7 @@ var Navigation = React.createClass({
 
                     <li className="search">
                         <form action="/search/google_results" method="get">
-                            <Input type="submit" value="" />
+                            <Button type="submit" className="btn-search" />
                             <Input type="text"
                                    aria-label={formatMessage({id: 'general.search'})}
                                    placeholder={formatMessage({id: 'general.search'})}
diff --git a/src/components/navigation/www/navigation.scss b/src/components/navigation/www/navigation.scss
index 35b7a4610..188063c01 100644
--- a/src/components/navigation/www/navigation.scss
+++ b/src/components/navigation/www/navigation.scss
@@ -39,7 +39,8 @@
                 margin: 0;
             }
 
-            input {
+            input,
+            button {
                 display: inline-block;
                 margin-top: 5px;
                 outline: none;
@@ -47,19 +48,6 @@
                 background-color: $active-gray;
                 height: 14px;
 
-                &[type=submit] {
-                    position: absolute;
-                    
-                    background-color: transparent;
-                    background-image: url("/images/nav-search-glass.png");
-                    background-repeat: no-repeat;
-                    background-position: center center;     
-                    background-size: 14px 14px;
-                    
-                    width: 40px;
-                    height: 40px;
-                }
-
                 &[type=text] {
                     transition: .15s ease background-color; 
                     padding: 0;
@@ -85,6 +73,24 @@
                     }
                 }
             }
+
+            .btn-search {
+                position: absolute;
+                
+                box-shadow: none;
+                background-color: transparent;
+                background-image: url("/images/nav-search-glass.png");
+                background-repeat: no-repeat;
+                background-position: center center;     
+                background-size: 14px 14px;
+                
+                width: 40px;
+                height: 40px;
+
+                &:hover {
+                    box-shadow: none;
+                }
+            }
         }
     }