diff --git a/css/src/main.css b/css/src/main.css
index 08dcc6312..929906d84 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -324,6 +324,7 @@ a:hover {
 }
 
 .box-setup {
+  margin-bottom: 7rem;
   padding: 1.3rem; 
   border-radius: 2px;
   background: #FFFFFF;
@@ -338,6 +339,29 @@ a:hover {
   font-size: 12px;
 }
 
+.box-notification {
+  height: 41px;
+  position: relative;
+  font-size: 12px;
+  width: 70%;
+  padding: 0.9rem 0.7rem 0.7rem 3rem;
+  border-radius: 4px;
+  background: #F2F5F8;
+  margin: 0 auto;
+}
+
+.box-notification .box-icon {
+  margin-right: 77px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  color: white;
+  background-color: #1ABC9C;
+  padding: 0.5rem;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
 .last-transactions {
   margin-bottom: 2rem;
   background-color: #E8EAEF;
@@ -1211,21 +1235,22 @@ a:hover .photo-container  {
 }
 
 .icon-input {
-  position: absolute;
-  top: 11px;
-  right: 20px;
-  font-size: 16px;
+  font-size: 9px;
   color: #fff;
+  vertical-align: middle;
+  margin-right: 3px;
 }
 
 .icon-input .fi-check {
+  padding: .1rem .3rem;
   background-color: #1ABC9C;
-  padding: 0.2rem 0.4rem;
+  border-radius: 100%;
 }
 
 .icon-input .fi-x {
+  padding: .1rem .3rem;
   background-color: #C0392A;
-  padding: 0.2rem 0.4rem;
+  border-radius: 100%;
 }
 
 .box-status {
diff --git a/views/settings.html b/views/settings.html
index e5a82163f..4e0d2008f 100644
--- a/views/settings.html
+++ b/views/settings.html
@@ -7,7 +7,14 @@
     <div class="box-setup">
       <h1>{{title|translate}}</h1>
       <form name="settingsForm">
-
+        <div class="box-notification" ng-show="message">
+          <div class="box-icon">
+            <i class="fi-check size-24"></i>
+          </div> 
+          <span class="text-primary size-14">
+            {{message|translate}}
+          </span>
+        </div>
         <fieldset>
           <legend translate>Language</legend>
           <select class="form-control" ng-model="selectedLanguage" ng-options="o.name for o in availableLanguages" required>
@@ -15,12 +22,18 @@
         </fieldset>
         <fieldset>
           <legend translate>Insight API server</legend>
-          <label for="insightLivenet">Livenet</label>
-          <small translate class="has-error" ng-show="settingsForm.insightLivenet.$invalid">not valid</small>
+          <label class="left" for="insightLivenet">Livenet</label>
+            <div translate class="has-error right size-12" ng-show="settingsForm.insightLivenet.$invalid">
+              <span class="icon-input"><i class="fi-x"></i></span>
+              Not valid
+            </div>
           <input type="text" ng-model="insightLivenet" class="form-control" name="insightLivenet" valid-url required>
 
-          <label for="insightTestnet">Testnet</label>
-          <small translate class="has-error" ng-show="settingsForm.insightTestnet.$invalid">not valid</small>
+          <label class="left" for="insightTestnet">Testnet</label>
+          <div translate class="has-error right size-12" ng-show="settingsForm.insightTestnet.$invalid">
+            <span class="icon-input"><i class="fi-x"></i></span>
+            Not valid
+          </div>
           <input type="text" ng-model="insightTestnet" class="form-control" name="insightTestnet" valid-url required>
 
           <div translate class="small">