diff --git a/src/nginxconfig/scss/_panel.scss b/src/nginxconfig/scss/_panel.scss
index 1df7262..d0f0c5a 100644
--- a/src/nginxconfig/scss/_panel.scss
+++ b/src/nginxconfig/scss/_panel.scss
@@ -48,7 +48,7 @@ THE SOFTWARE.
 
       .button {
         &.is-tiny {
-          background-color: $header;
+          background-color: lightgray;
           font-size: 20px;
         }
       }
@@ -66,8 +66,8 @@ THE SOFTWARE.
         margin: 0 .25rem .5rem;
 
         &.is-primary {
-          background-color: lightgray;
-          color: $dark-blue;
+          background-color: $header;
+          color: $callout;
         }
       }
     }
@@ -93,6 +93,8 @@ THE SOFTWARE.
 
     .button {
       margin-left: .5rem;
+      color: $callout;
+      background-color: $header;
       
       i + span,
       span + i {
@@ -100,9 +102,8 @@ THE SOFTWARE.
       }
     }
   }
-
-  .button {
+  
+  .dark-button {
     background-color: $header;
-    color: $callout;
   }
 }
diff --git a/src/nginxconfig/templates/global_sections/docker.vue b/src/nginxconfig/templates/global_sections/docker.vue
index 103ffbb..2e78419 100644
--- a/src/nginxconfig/templates/global_sections/docker.vue
+++ b/src/nginxconfig/templates/global_sections/docker.vue
@@ -32,7 +32,7 @@ THE SOFTWARE.
             </div>
             <div class="field-body">
                 <div class="field is-horizontal is-aligned-top">
-                    <a class="button is-primary is-tiny" @click="applyDockerTweaks">
+                    <a class="button is-primary is-tiny dark-button" @click="applyDockerTweaks">
                         {{ $t('templates.globalSections.docker.applyDockerTweaks') }}
                     </a>
                     <p>