diff --git a/RELEASE NOTES.md b/RELEASE NOTES.md
index c29a8b1f7..0236ac383 100755
--- a/RELEASE NOTES.md	
+++ b/RELEASE NOTES.md	
@@ -1,5 +1,13 @@
 ## RELEASE NOTES
 
+### Version 0.8.6 - Nov 2, 2013
+
+**Fixes**
+- **Modal** - Fixes issue with scrollable variation on mobile, updates mobile styles
+
+**Docs**
+- Fixes bug in jquery waypoint 2.0.3 causing menus to be lame
+
 ### Version 0.8.5 - Nov 2, 2013
 
 **Fixes**
diff --git a/build/less/modules/modal.less b/build/less/modules/modal.less
index 780b9caa9..5a7abb2b4 100644
--- a/build/less/modules/modal.less
+++ b/build/less/modules/modal.less
@@ -128,18 +128,26 @@
 @media only screen and (max-width : 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 0em 0em 1em;
+    padding: 0em 0em 1em;
   }
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
 
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
   }
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+  .ui.modal .actions {
+    padding-bottom: 0em
+  }
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 /* Tablet and Mobile */
diff --git a/build/minified/modules/modal.min.css b/build/minified/modules/modal.min.css
index 544cb5dbc..1da519ff6 100644
--- a/build/minified/modules/modal.min.css
+++ b/build/minified/modules/modal.min.css
@@ -79,7 +79,7 @@
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 0 0 1em;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -90,7 +90,17 @@
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/build/packaged/css/semantic.css b/build/packaged/css/semantic.css
index d879063ec..52f686beb 100644
--- a/build/packaged/css/semantic.css
+++ b/build/packaged/css/semantic.css
@@ -13220,18 +13220,28 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width: 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 0em 0em 1em;
+    padding: 0em 0em 1em;
   }
 
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/build/packaged/css/semantic.min.css b/build/packaged/css/semantic.min.css
index b14ffcafd..a58081ba1 100644
--- a/build/packaged/css/semantic.min.css
+++ b/build/packaged/css/semantic.min.css
@@ -1,6 +1,6 @@
 /*
 * # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *
@@ -10791,7 +10791,7 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 0 0 1em;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -10802,7 +10802,17 @@ a.ui.teal.label:hover:before {
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/build/packaged/javascript/semantic.min.js b/build/packaged/javascript/semantic.min.js
index 122dda0ee..09464f933 100644
--- a/build/packaged/javascript/semantic.min.js
+++ b/build/packaged/javascript/semantic.min.js
@@ -1,5 +1,5 @@
 /** # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *
diff --git a/build/uncompressed/modules/modal.css b/build/uncompressed/modules/modal.css
index 24c375997..4088ab8af 100644
--- a/build/uncompressed/modules/modal.css
+++ b/build/uncompressed/modules/modal.css
@@ -120,18 +120,28 @@
 @media only screen and (max-width: 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 0em 0em 1em;
+    padding: 0em 0em 1em;
   }
 
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/package.json b/package.json
index 106c8d826..3d38c0153 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "semantic",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "title": "Semantic UI",
   "description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.",
   "homepage": "http://www.semantic-ui.com",
diff --git a/rtl/less/modules/modal.less b/rtl/less/modules/modal.less
index 295294bd4..9cd4f09a6 100644
--- a/rtl/less/modules/modal.less
+++ b/rtl/less/modules/modal.less
@@ -128,18 +128,26 @@
 @media only screen and (max-width : 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 1em 0em 0em;
+    padding: 0em 0em 1em;
   }
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
 
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
   }
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+  .ui.modal .actions {
+    padding-bottom: 0em
+  }
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 /* Tablet and Mobile */
diff --git a/rtl/minified/modules/modal.min.css b/rtl/minified/modules/modal.min.css
index 6d77b5c5d..5eaf02782 100644
--- a/rtl/minified/modules/modal.min.css
+++ b/rtl/minified/modules/modal.min.css
@@ -79,7 +79,7 @@
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 1em 0 0;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -90,7 +90,17 @@
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/rtl/packaged/css/semantic.css b/rtl/packaged/css/semantic.css
index 95a54ae5b..6e47f7cc3 100644
--- a/rtl/packaged/css/semantic.css
+++ b/rtl/packaged/css/semantic.css
@@ -13220,18 +13220,28 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width: 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 1em 0em 0em;
+    padding: 0em 0em 1em;
   }
 
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/rtl/packaged/css/semantic.min.css b/rtl/packaged/css/semantic.min.css
index 8984adfb9..629daa459 100644
--- a/rtl/packaged/css/semantic.min.css
+++ b/rtl/packaged/css/semantic.min.css
@@ -1,6 +1,6 @@
 /*
 * # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *
@@ -10791,7 +10791,7 @@ a.ui.teal.label:hover:before {
 @media only screen and (max-width:768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0 1em 0 0;
+    padding: 0 0 1em;
   }
 
   .ui.modal .content .right {
@@ -10802,7 +10802,17 @@ a.ui.teal.label:hover:before {
   }
 
   .ui.modal .content .image {
-    width: 100%!important;
+    width: auto!important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/rtl/packaged/javascript/semantic.min.js b/rtl/packaged/javascript/semantic.min.js
index 122dda0ee..09464f933 100644
--- a/rtl/packaged/javascript/semantic.min.js
+++ b/rtl/packaged/javascript/semantic.min.js
@@ -1,5 +1,5 @@
 /** # Semantic UI
-* Version: 0.8.5
+* Version: 0.8.6
 * http://github.com/jlukic/semantic-ui
 *
 *
diff --git a/rtl/uncompressed/modules/modal.css b/rtl/uncompressed/modules/modal.css
index a80dcfe399..0ddc8ba9d 100644
--- a/rtl/uncompressed/modules/modal.css
+++ b/rtl/uncompressed/modules/modal.css
@@ -120,18 +120,28 @@
 @media only screen and (max-width: 768px) {
   .ui.modal .content .left {
     display: block;
-    padding: 0em 1em 0em 0em;
+    padding: 0em 0em 1em;
   }
 
   .ui.modal .content .right {
     display: block;
-    padding: 1em 0em 0em 0em;
+    padding: 1em 0em 0em;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 
   .ui.modal .content .image {
-    width: 100% !important;
+    width: auto !important;
+    max-width: 100%;
+  }
+
+  .ui.modal .actions {
+    padding-bottom: 0em;
+  }
+
+  .ui.modal .actions .buttons,
+  .ui.modal .actions .button {
+    margin-bottom: 1em;
   }
 }
 
diff --git a/server/documents/index.html.eco b/server/documents/index.html.eco
index 3ede56768..e046274c9 100755
--- a/server/documents/index.html.eco
+++ b/server/documents/index.html.eco
@@ -15,7 +15,7 @@ type   : 'Semantic'
   <div class="ui page grid">
     <div class="column">
       <div class="introduction">
-        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.8.5</a></h1>
+        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.8.6</a></h1>
         <h2 class="ui header">UI is the vocabulary of the web.</h2>
         <p>Semantic empowers designers and developers by creating a language for sharing UI.</p>
         <a class="ui black large labeled launch icon button"><i class="icon list layout"></i> View UI</a>