diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index 3d8d26c..97c7eae 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -538,7 +538,7 @@ hr {
   .component {
     padding-left: 0;
     padding-right: 0;
-    opacity: .5;
+    opacity: .3;
     -webkit-transition: opacity 0.2s ease-in-out;
     transition: opacity 0.2s ease-in-out;
   }
diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss
index baa26d3..1e0fdda 100644
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@@ -339,9 +339,6 @@ body {
 // Components
 // --------------------------------------------------
 
-.docs-components {
- // @include transition(padding-top .2s linear);
-}
 .component {
   padding: 50px 15px;
   margin-left: -15px;
@@ -575,7 +572,7 @@ hr {
   .component {
     padding-left: 0;
     padding-right: 0;
-    opacity: .5;
+    opacity: .3;
     @include transition(opacity .2s ease-in-out);
 
     &.active {