diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css
index 14985a5c0..0944810dd 100755
--- a/node/src/files/stylesheets/semantic.css
+++ b/node/src/files/stylesheets/semantic.css
@@ -574,7 +574,7 @@ a:hover {
 }
 #example .icon.example .grid .column {
   opacity: 0.8;
-  margin-bottom: 4%;
+  margin-bottom: 2em;
   text-align: center;
   color: #888888;
 
@@ -1159,6 +1159,7 @@ body.progress .ui.progress .bar {
   transform-style: preserve-3d;
 }
 
+
 @media only screen and (max-width : 1725px) {
   #example .container {
     width: auto;
@@ -1282,6 +1283,15 @@ body.progress .ui.progress .bar {
     width: 170px;
   }
 }
+
+
+@media only screen and (max-width : 600px) {
+  #example .icon.example .grid .column {
+    width: 33.33%;
+  }
+}
+
+
 @media only screen and (max-width : 600px) {
   #example .main.menu .borderless.item {
     display: none;