diff --git a/css/base.css b/css/base.css
index 4062992f..336eaf83 100644
--- a/css/base.css
+++ b/css/base.css
@@ -428,7 +428,7 @@ input {
 }
 input:focus {
   border-bottom: 1px solid #2196f3;
-  box-shadow: inset 0 -1px 0 #2196f3;
+  box-shadow: inset 0 -1px 0 rgba(33, 150, 243, 0.25);
 }
 
 /* END of input and buttons */
diff --git a/index.html b/index.html
index f00b942a..b11ec318 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <!-- Google's material design icons -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
     <!-- Customized Bootstrap style (material design). -->
-    <link rel="stylesheet" href="css/bootstrap.css" />
+    <!--link rel="stylesheet" href="css/bootstrap.css" /-->
     <!-- Styles for local elements -->
     <link rel="stylesheet" href="css/base.css" />
     <!-- ReactJs scripts -->
@@ -652,9 +652,7 @@ dignissim a diam a hendrerit. Nulla vel est ut quam rhoncus pulvinar. In hac hab
                   {messageNodes}
                 </ul>
               </div>
-              <div id="send-message-panel">
-                <MessagesView.Send topic={this.props.topicSelected} sendMessage={this.props.sendMessage} />
-              </div>
+              <MessagesView.Send topic={this.props.topicSelected} sendMessage={this.props.sendMessage} />
             </div>
           );
         } else {
@@ -696,7 +694,7 @@ dignissim a diam a hendrerit. Nulla vel est ut quam rhoncus pulvinar. In hac hab
       },
       render: function() {
         return (
-          <div>
+          <div id="send-message-panel">
             <input id="sendMessage" type="text" placeholder="New message"
               value={this.state.message} onChange={this.handleMessageTyping} />
             <a href="#" onClick={this.handleSend}>