diff --git a/server/documents/behaviors/form.html.eco b/server/documents/behaviors/form.html.eco
index 8ba0a1573..480e287ed 100644
--- a/server/documents/behaviors/form.html.eco
+++ b/server/documents/behaviors/form.html.eco
@@ -644,11 +644,9 @@ type        : 'UI Behavior'
       </div>
       <form class="ui form">
         <p>Your tickets are all ready to print. Where would you like to send a receipt?</p>
-        <div class="fields">
-          <div class="ten wide field">
-            <label>E-mail</label>
-            <input type="text" name="email">
-          </div>
+        <div class="ten wide field">
+          <label>E-mail</label>
+          <input type="text" name="email">
         </div>
         <div class="ui blue submit button">Submit</div>
         <div class="ui error message"></div>
diff --git a/server/documents/elements/icon.html.eco b/server/documents/elements/icon.html.eco
index 2aa8d09a3..02bf574bc 100755
--- a/server/documents/elements/icon.html.eco
+++ b/server/documents/elements/icon.html.eco
@@ -459,34 +459,38 @@ themes      : ['Default']
       <h4 class="ui header">Shapes</h4>
       <p>Icons can be used to create shapes</p>
       <div class="ui doubling five column grid">
-        <div class="column"><i class="crosshairs icon"></i>Crosshairs</div>
         <div class="column"><i class="asterisk icon"></i>Asterisk</div>
         <div class="column"><i class="certificate icon"></i>Certificate</div>
-        <div class="column"><i class="spinner icon"></i>Spinner</div>
         <div class="column"><i class="circle icon"></i>Circle</div>
-        <div class="column"><i class="quote left icon"></i>Quote Left</div>
-        <div class="column"><i class="quote right icon"></i>Quote Right</div>
-        <div class="column"><i class="ellipsis horizontal icon"></i>Ellipsis Horizontal</div>
-        <div class="column"><i class="ellipsis vertical icon"></i>Ellipsis Vertical</div>
-        <div class="column"><i class="cube icon"></i>Cube</div>
-        <div class="column"><i class="cubes icon"></i>Cubes</div>
         <div class="column"><i class="circle notched icon"></i>Circle Notched</div>
         <div class="column"><i class="circle thin icon"></i>Circle Thin</div>
+        <div class="column"><i class="crosshairs icon"></i>Crosshairs</div>
+        <div class="column"><i class="cube icon"></i>Cube</div>
+        <div class="column"><i class="cubes icon"></i>Cubes</div>
+        <div class="column"><i class="ellipsis horizontal icon"></i>Ellipsis Horizontal</div>
+        <div class="column"><i class="ellipsis vertical icon"></i>Ellipsis Vertical</div>
+        <div class="column"><i class="quote left icon"></i>Quote Left</div>
+        <div class="column"><i class="quote right icon"></i>Quote Right</div>
+        <div class="column"><i class="spinner icon"></i>Spinner</div>
+        <div class="column"><i class="square icon"></i>Square</div>
+        <div class="column"><i class="square outline icon"></i>Square Outline</div>
       </div>
       <div class="existing code">
-        <i class="crosshairs icon"></i>
         <i class="asterisk icon"></i>
         <i class="certificate icon"></i>
-        <i class="spinner icon"></i>
         <i class="circle icon"></i>
-        <i class="quote left icon"></i>
-        <i class="quote right icon"></i>
-        <i class="ellipsis horizontal icon"></i>
-        <i class="ellipsis vertical icon"></i>
-        <i class="cube icon"></i>
-        <i class="cubes icon"></i>
         <i class="circle notched icon"></i>
         <i class="circle thin icon"></i>
+        <i class="crosshairs icon"></i>
+        <i class="cube icon"></i>
+        <i class="cubes icon"></i>
+        <i class="ellipsis horizontal icon"></i>
+        <i class="ellipsis vertical icon"></i>
+        <i class="quote left icon"></i>
+        <i class="quote right icon"></i>
+        <i class="spinner icon"></i>
+        <i class="square icon"></i>
+        <i class="square outline icon"></i>
       </div>
     </div>
 
@@ -1333,6 +1337,7 @@ themes      : ['Default']
       <i class="pink users icon"></i>
       <i class="brown users icon"></i>
       <i class="grey users icon"></i>
+      <i class="black users icon"></i>
     </div>
 
     <div class="example">
diff --git a/server/documents/elements/step.html.eco b/server/documents/elements/step.html.eco
index 94f5de8d3..1a5fdb154 100755
--- a/server/documents/elements/step.html.eco
+++ b/server/documents/elements/step.html.eco
@@ -78,13 +78,13 @@ themes      : ['Default', 'Basic', 'GitHub']
           <div class="description">Choose your shipping options</div>
         </div>
       </div>
-      <div class="active step">
+      <div class="completed step">
         <div class="content">
           <div class="title">Billing</div>
           <div class="description">Enter billing information</div>
         </div>
       </div>
-      <div class="disabled step">
+      <div class="active step">
         <div class="content">
           <div class="title">Confirm Order</div>
           <div class="description">Verify order details</div>
@@ -97,21 +97,21 @@ themes      : ['Default', 'Basic', 'GitHub']
     <h4 class="ui header">Vertical</h4>
     <p>A step can be displayed stacked vertically</p>
     <div class="ui vertical steps">
-      <div class="step">
+      <div class="completed step">
         <i class="truck icon"></i>
         <div class="content">
           <div class="title">Shipping</div>
           <div class="description">Choose your shipping options</div>
         </div>
       </div>
-      <div class="active step">
-        <i class="payment icon"></i>
+      <div class="completed step">
+        <i class="credit card icon"></i>
         <div class="content">
           <div class="title">Billing</div>
           <div class="description">Enter billing information</div>
         </div>
       </div>
-      <div class="disabled step">
+      <div class="active step">
         <i class="info icon"></i>
         <div class="content">
           <div class="title">Confirm Order</div>
diff --git a/server/documents/hotfix.html.eco b/server/documents/hotfix.html.eco
index d7d2ea256..711b20c26 100644
--- a/server/documents/hotfix.html.eco
+++ b/server/documents/hotfix.html.eco
@@ -10,25 +10,7 @@ type       : 'Library'
 <!-- TEST JS HERE !-->
 <script>
 $(document).ready(function() {
-$.fn.form.settings.defaults = {
-image: {
-        identifier : 'image',
-        optional: true,
-        rules: [
-            {
-                type   : 'url',
-                prompt : 'Zadejte platnou url'
-            }
-        ]
-    }
-};
-
-$('.ui.form')
-  .form({
-    inline : true,
-    on: 'blur'
-  })
-;
+$('.ui.dropdown').dropdown();
 });
 </script>
 
@@ -37,23 +19,58 @@ $('.ui.form')
 </style>
 <%= @getVersion() %>
 
-<div class="ui container" style="margin-top:5em;">
-<div class="ui form segment">
-    <h4 class="ui dividing header">Obrázek</h4>
-    <div class="twelve wide field">
-        <label for="frm-contactForm-image">Adresa k obrázku (url)</label>
-        <div class="ui labeled input">
-            <div class="ui label">
-                http://
-            </div>
-            <input type="text" name="image" id="frm-contactForm-image">
-            </div>
-        </div>
-        <div class="ui hidden divider"></div>
-        <div class="ui blue submit button">
-            <i class="white save icon"></i>
-            Vytvořit kontakt
+    <div class="ui inverted fixed menu">
+      <div class="item">
+        <img src="/images/new-school.jpg">
+      </div>
+      <a class="browse item">
+        Browse Courses
+      </a>
+      <a class="browse item">
+        Browse Courses
+      </a>
+      <div class="ui dropdown item">
+        Dropdown
+        <i class="dropdown icon"></i>
+        <div class="menu">
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
+          <div class="item">Applications</div>
+          <div class="item">International Students</div>
+          <div class="item">Scholarships</div>
         </div>
-</div>
+      </div>
+    </div>
+<div class="ui container" style="margin-top:5em;">
+    <div class="ui vertical pointing menu">
+      <a class="active item">
+        Home
+      </a>
+      <a class="item">
+        Messages
+      </a>
+      <a class="item">
+        Friends
+      </a>
+    </div>
 </div>
 </body>
\ No newline at end of file