diff --git a/src/app/editor/contextView.js b/src/app/editor/contextView.js
index 4ffc91112f..0ebbfe9824 100644
--- a/src/app/editor/contextView.js
+++ b/src/app/editor/contextView.js
@@ -41,7 +41,7 @@ class ContextView {
   }
 
   render () {
-    const view = yo`<div class="${css.contextview} ${css.contextviewcontainer} badge badge-info font-weight-bold border-top-0">
+    const view = yo`<div class="${css.contextview} ${css.contextviewcontainer} badge badge-secondary border-top-0">
       <div class=${css.container}>
         ${this._renderTarget()}
       </div>
diff --git a/src/app/editor/styles/contextView-styles.js b/src/app/editor/styles/contextView-styles.js
index d8a338400f..edf59d5609 100644
--- a/src/app/editor/styles/contextView-styles.js
+++ b/src/app/editor/styles/contextView-styles.js
@@ -2,8 +2,8 @@ var csjs = require('csjs-inject')
 
 var css = csjs`
   .contextview            {
-      opacity           : 0.5;
-    }
+      opacity           : 1;
+  }
   .container              {
     padding             : 1px 15px;
   }
@@ -47,7 +47,7 @@ var css = csjs`
     position          : absolute;
     top               : 35px;
     z-index           : 50;
-    left              : 50%;
+    left              : 40%;
     border-radius     : 1px;
     border            : 2px solid var(--secondary);
   }