diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss
index fd8520bcb..5340b478a 100644
--- a/src/assets/styles/app.scss
+++ b/src/assets/styles/app.scss
@@ -85,7 +85,7 @@ body {
     background-color: #ffffff;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-weight: normal;
-    color: #252525;
+    color: #495057;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 14px;
@@ -220,7 +220,7 @@ a {
 
     .menu-button {
         display: none;
-        color: #252525;
+        color: #495057;
         font-size: 24px;
         position: absolute;
         left: 0;
@@ -271,7 +271,7 @@ a {
 
             > a {
                 text-decoration: none;
-                color: #252525;
+                color: #495057;
                 min-width: 120px;
                 font-size: 16px;
                 display: inline-block;
@@ -329,7 +329,7 @@ a {
 
                     a {
                         text-decoration: none;
-                        color: #252525;
+                        color: #495057;
                         padding: 6px 12px;
                         display: block;
                         user-select: none;
@@ -479,7 +479,7 @@ a {
                 border-radius: 4px;
                 -webkit-border-radius: 4px;
                 font-size: 14px;
-                color: #252525;
+                color: #495057;
                 transition: background-color .2s;
 
                 &:hover {
@@ -575,7 +575,7 @@ a {
                     border-radius: 3px;
                     background-color: #ffffff;
                     padding: 2px 4px;
-                    color: #252525;
+                    color: #495057;
                 }
             }
         }
@@ -665,7 +665,7 @@ a {
             border-top: 1px solid #dadada;
 
             h3 {
-                color:  #252525;
+                color:  #495057;
                 margin-top: 25px;
                 margin-bottom: 0px;
                 font-size: 22px;
@@ -679,7 +679,7 @@ a {
             }
 
             p {
-                color:  #252525;
+                color:  #495057;
                 font-size: 14px;
                 line-height: 24px;
                 margin: 10px 0;
@@ -787,14 +787,14 @@ a {
                 .p-tabview-panels {
                     background: transparent;
                     border: 0 none;
-                    color: #252525;
+                    color: #495057;
                 }
             }
         }
 
         &.support {
             .support-image {
-                background-color: #252525;
+                background-color: #495057;
                 padding: 30px;
                 color: #ffffff;
                 text-align: left;
@@ -1009,7 +1009,7 @@ a {
 
     .free-themes {
         padding: 2em;
-        color: #252525;
+        color: #495057;
         background-color: #ffffff;
 
         p {
@@ -1194,7 +1194,7 @@ a {
 
         h3 {
              font-size:24px;
-             color: #252525;
+             color: #495057;
              padding: 30px 0 12px 0;
              margin: 0;
         }
@@ -1227,14 +1227,14 @@ a {
             margin-bottom: 2em;
 
             &.features-tagline {
-                color: #252525;
+                color: #495057;
                 margin-bottom: 0;
                 margin-top: -5px;
                 margin-bottom: 2em;
             }
 
             &.features-description {
-                color: #252525;
+                color: #495057;
                 text-align: left;
             }
 
@@ -1283,7 +1283,7 @@ a {
 
         h3 {
              font-size:24px;
-             color: #252525;
+             color: #495057;
              margin-top: 0;
              margin-bottom: 12px;
         }
diff --git a/src/views/accordion/AccordionDemo.vue b/src/views/accordion/AccordionDemo.vue
index ba0a1cba7..663d7fe82 100755
--- a/src/views/accordion/AccordionDemo.vue
+++ b/src/views/accordion/AccordionDemo.vue
@@ -49,7 +49,7 @@
             </Accordion>
 
             <h3>Programmatic</h3>
-            <div style="padding: .5em 0">
+            <div style="padding: .5em 0 1em 0">
                  <Button :icon="active1 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 1st" @click="active1 = !active1" class="p-button-secondary" />
                  <Button :icon="active2 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 2nd" @click="active2 = !active2" class="p-button-secondary" style="margin-left: .5em" />
                  <Button :icon="active3 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 3rd" @click="active3 = !active3" class="p-button-secondary" style="margin-left: .5em" />
diff --git a/src/views/accordion/AccordionDoc.vue b/src/views/accordion/AccordionDoc.vue
index bb59fc481..6cd1b0f7f 100755
--- a/src/views/accordion/AccordionDoc.vue
+++ b/src/views/accordion/AccordionDoc.vue
@@ -314,7 +314,7 @@ export default {
 &lt;/Accordion&gt;
 
 &lt;h3&gt;Programmatic&lt;/h3&gt;
-&lt;div style="padding: .5em 0"&gt;
+&lt;div style="padding: .5em 0 1em 0"&gt;
     &lt;Button :icon="active1 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 1st" @click="active1 = !active1" class="p-button-secondary" /&gt;
     &lt;Button :icon="active2 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 2nd" @click="active2 = !active2" class="p-button-secondary" style="margin-left: .5em" /&gt;
     &lt;Button :icon="active3 ? 'pi pi-minus' : 'pi pi-plus'" label="Toggle 3rd" @click="active3 = !active3" class="p-button-secondary" style="margin-left: .5em" /&gt;