diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css
index 2d382ef73..32c1e1402 100755
--- a/server/files/stylesheets/semantic.css
+++ b/server/files/stylesheets/semantic.css
@@ -1461,6 +1461,11 @@ body.progress .ui.progress .bar {
 #example .following.menu .menu .active.item {
   font-weight: bold;
 }
+@media only screen and (max-width : 320px) {
+  #example .example {
+    max-width: 290px;
+  }
+}
 
 @media only screen and (max-width : 600px) {
   #example .page > .footer {