diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index 4397544..db4c4ec 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -790,16 +790,16 @@ body {
 
 .benefit-icon {
   display: block;
-  width: 100px;
-  height: 100px;
+  width: 80px;
+  height: 80px;
   margin: 0 auto 40px;
   border: 1px solid #ddd;
-  border-radius: 50px;
+  border-radius: 40px;
 }
 .benefit-icon .icon {
   color: #14b9d6;
-  font-size: 50px;
-  line-height: 100px;
+  font-size: 32px;
+  line-height: 80px;
 }
 
 .benefit-heading {
diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss
index 3530225..c5a71bb 100644
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@@ -188,16 +188,16 @@ body {
 }
 .benefit-icon {
   display: block;
-  width: 100px;
-  height: 100px;
+  width: 80px;
+  height: 80px;
   margin: 0 auto 40px;
   border: 1px solid #ddd;
-  border-radius: 50px;
+  border-radius: 40px;
 
   .icon {
     color: #14b9d6;
-    font-size: 50px;
-    line-height: 100px;
+    font-size: 32px;
+    line-height: 80px;
   }
 }
 .benefit-heading {