Index: gc_lang/fr/webext/content_scripts/html_src.js
==================================================================
--- gc_lang/fr/webext/content_scripts/html_src.js
+++ gc_lang/fr/webext/content_scripts/html_src.js
@@ -10,11 +10,11 @@
     This file only defines HTML nodes in const values
 */
 
 
 const sGrammalecteConjugueurHTML = `
-    <div style="float: right; margin: 10px 30px 0 0">
+    <div class="centered_bar">
         <input type="text" id="grammalecte_conj_verb" maxlength="40" value="" placeholder="entrez un verbe" autofocus />
         <div id="grammalecte_conj_button">Conjuguer</div>
     </div>
 
     <div class="grammalecte_clearer"></div>

Index: gc_lang/fr/webext/content_scripts/panel_conj.css
==================================================================
--- gc_lang/fr/webext/content_scripts/panel_conj.css
+++ gc_lang/fr/webext/content_scripts/panel_conj.css
@@ -1,8 +1,21 @@
 /*
    CSS Document
 */
+
+div#grammalecte_conj_panel_content {
+    padding: 20px 0;
+    width: 100%;
+}
+
+div.centered_bar {
+    display: flex;
+    justify-content: center;
+    align-items: stretch;
+    width: 500px;
+    margin: 0 auto;
+}
 
 div.grammalecte_clearer {
     clear: both;
     font-size: 0;
     height: 0;
@@ -65,22 +78,22 @@
 
 div#grammalecte_conj_button {
     display: inline-block;
     padding: 7px 10px;
     font-size: 18px;
-    background-color: hsl(0, 30%, 30%);
-    color: hsl(0, 30%, 60%);
+    background-color: hsl(210, 30%, 50%);
+    color: hsl(210, 30%, 80%);
     border-radius: 3px;
     text-transform: uppercase;
     text-align: center;
     text-decoration: none;
     cursor: pointer;
 }
 div#grammalecte_conj_button:hover {
-    background-color: hsl(0, 60%, 40%);
-    color: hsl(0, 60%, 70%);
-    box-shadow: 0 0 2px hsl(0, 60%, 50%);
+    background-color: hsl(210, 60%, 40%);
+    color: hsl(210, 60%, 90%);
+    box-shadow: 0 0 2px hsl(210, 60%, 50%);
 }
 
 div#grammalecte_conj_options {
     margin: 10px 0 0 5px;
     font-size: 16px;

Index: gc_lang/fr/webext/content_scripts/panel_gc.css
==================================================================
--- gc_lang/fr/webext/content_scripts/panel_gc.css
+++ gc_lang/fr/webext/content_scripts/panel_gc.css
@@ -2,10 +2,11 @@
     Grammar checker
 */
 div#grammalecte_gc_panel_content {
     position: absolute;
     height: 100%;
+    width: 100%;
     margin: 0;
     overflow: auto;
 }
 
 div.grammalecte_paragraph_block {

Index: gc_lang/fr/webext/content_scripts/panel_gc.js
==================================================================
--- gc_lang/fr/webext/content_scripts/panel_gc.js
+++ gc_lang/fr/webext/content_scripts/panel_gc.js
@@ -154,22 +154,25 @@
 
     showEditor () {
         this.switchContentOn(this.xGCPanelContent, this.xEditorButton);
         this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
         this.switchContentOff(this.xConjPanelContent, this.xConjButton);
+        this.xPanel.style.background = "";
     }
 
     showLexicographer () {
         this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
         this.switchContentOn(this.xLxgPanelContent, this.xLxgButton);
         this.switchContentOff(this.xConjPanelContent, this.xConjButton);
+        this.xPanel.style.background = "";
     }
 
     showConjugueur () {
         this.switchContentOff(this.xGCPanelContent, this.xEditorButton);
         this.switchContentOff(this.xLxgPanelContent, this.xLxgButton);
         this.switchContentOn(this.xConjPanelContent, this.xConjButton);
+        this.xPanel.style.background = "linear-gradient(to bottom, hsla(0,0%,100%,1) 0%, hsla(0,0%,95%,1) 55%, hsla(0,0%,90%,1) 100%)";
         this.listenConj();
         if (!this.sVerb) {
             this.conjugateVerb("être");
         }
     }

Index: gc_lang/fr/webext/content_scripts/panel_lxg.css
==================================================================
--- gc_lang/fr/webext/content_scripts/panel_lxg.css
+++ gc_lang/fr/webext/content_scripts/panel_lxg.css
@@ -3,10 +3,11 @@
 */
 div#grammalecte_lxg_panel_content {
     display: none;
     position: absolute;
     height: 100%;
+    width: 100%;
     font-size: 13px;
 }
 
 div.grammalecte_lxg_list_of_tokens {
     margin: 10px 5px 0 5px;

Index: gc_lang/fr/webext/panel/conjugueur.css
==================================================================
--- gc_lang/fr/webext/panel/conjugueur.css
+++ gc_lang/fr/webext/panel/conjugueur.css
@@ -30,11 +30,11 @@
 }
 .hidden {
     display: none;
 }
 
-.clearer { 
+.clearer {
     clear: both;
     font-size: 0;
     height: 0;
 }
 
@@ -127,23 +127,23 @@
 }
 
 #conjugate {
     display: inline-block;
     padding: 7px 10px;
-    font-size: 20px;
-    background-color: hsl(0, 30%, 30%);
-    color: hsl(0, 30%, 60%);
+    font-size: 18px;
+    background-color: hsl(210, 30%, 50%);
+    color: hsl(210, 30%, 80%);
     border-radius: 3px;
     text-transform: uppercase;
     text-align: center;
     text-decoration: none;
     cursor: pointer;
 }
 #conjugate:hover {
-    background-color: hsl(0, 60%, 40%);
-    color: hsl(0, 60%, 70%);
-    box-shadow: 0 0 2px hsl(0, 60%, 50%);
+    background-color: hsl(210, 60%, 40%);
+    color: hsl(210, 60%, 90%);
+    box-shadow: 0 0 2px hsl(210, 60%, 50%);
 }
 
 #options {
     margin: 10px 0 0 5px;
     font-size: 16px;