diff --git a/server/documents/index.html.eco b/server/documents/index.html.eco
index e44340a90..5b2e25dd7 100755
--- a/server/documents/index.html.eco
+++ b/server/documents/index.html.eco
@@ -108,13 +108,15 @@ type   : 'Semantic'
       <h3 class="ui header">
         Semantic is growing fast. Want to see just how much? Sign up and we'll let you know
       </h3>
-      <form method="post" action="//semantic-ui.us9.list-manage.com/subscribe/post?u=1bb099283b001a74133a94364&amp;id=1b77a619a7">
-        <div class="ui huge input">
-          <input type="text" name="EMAIL" placeholder="E-mail">
+      <form class="ui form" method="post" action="//semantic-ui.us9.list-manage.com/subscribe/post?u=1bb099283b001a74133a94364&amp;id=1b77a619a7">
+        <div class="field">
+          <div class="ui huge input">
+            <input type="text" name="EMAIL" data-validate="email" placeholder="E-mail">
+          </div>
+          <button type="submit" class="ui huge secondary submit button">
+            Sign-up
+          </button>
         </div>
-        <button type="submit" class="ui huge secondary submit button">
-          Sign-up
-        </button>
       </form>
     </div>
   </div>
diff --git a/server/files/javascript/home.js b/server/files/javascript/home.js
index 709fdb149..c5ee9f416 100755
--- a/server/files/javascript/home.js
+++ b/server/files/javascript/home.js
@@ -47,6 +47,24 @@ semantic.home.ready = function() {
     }
   };
 
+  $('.email.stripe form')
+    .form({
+      email: {
+        identifier : 'email',
+        rules: [
+          {
+            type   : 'empty',
+            prompt : 'Please enter an e-mail'
+          },
+          {
+            type   : 'email',
+            prompt : 'Please enter a valid e-mail address'
+          }
+        ]
+      }
+    })
+  ;
+
 
   $('.masthead')
     .visibility({
diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css
index e20296397..0d7ba1e77 100755
--- a/server/files/stylesheets/semantic.css
+++ b/server/files/stylesheets/semantic.css
@@ -204,7 +204,7 @@ a:hover {
   position: relative;
   z-index: 2;
   margin: 0em;
-  min-height: 210px;
+  min-height: 180px;
   padding-top: 70px;
   padding-bottom: 30px;
   background-color: #FFFFFF;
diff --git a/server/layouts/default.html.eco b/server/layouts/default.html.eco
index 63118016e..e9d33b77b 100755
--- a/server/layouts/default.html.eco
+++ b/server/layouts/default.html.eco
@@ -126,8 +126,9 @@
   <% if 'development' in @getEnvironments(): %>
   <script src="/build/uncompressed/definitions/globals/site.js"></script>
   <script src="/build/uncompressed/definitions/behaviors/api.js"></script>
-  <script src="/build/uncompressed/definitions/behaviors/visibility.js"></script>
+  <script src="/build/uncompressed/definitions/behaviors/form.js"></script>
   <script src="/build/uncompressed/definitions/behaviors/state.js"></script>
+  <script src="/build/uncompressed/definitions/behaviors/visibility.js"></script>
   <script src="/build/uncompressed/definitions/modules/accordion.js"></script>
   <script src="/build/uncompressed/definitions/modules/checkbox.js"></script>
   <script src="/build/uncompressed/definitions/modules/dimmer.js"></script>