diff --git a/src/app/services/directive/markdown.js b/src/app/services/directive/markdown.js
index bc5958d4..87e85942 100644
--- a/src/app/services/directive/markdown.js
+++ b/src/app/services/directive/markdown.js
@@ -41,7 +41,8 @@ angular.module('sb.services')
             link: function(scope, elem) {
                 scope.$watch('content', function(newVal) {
                     var html = md.render(newVal);
-                    elem.html('<div>' + $sanitize(html) + '</div>');
+                    elem.html('<div class="preview-story">' +
+                     $sanitize(html) + '</div>');
                 }, true);
             }
         };
diff --git a/src/app/stories/template/new.html b/src/app/stories/template/new.html
index 35089df4..7859f4f0 100644
--- a/src/app/stories/template/new.html
+++ b/src/app/stories/template/new.html
@@ -41,7 +41,7 @@
 
                         <div class="col-sm-10">
                             <textarea id="description"
-                                      class="form-control"
+                                      class="form-control new-textArea"
                                       ng-model="story.description"
                                       msd-elastic
                                       required
diff --git a/src/theme/base/_stories.scss b/src/theme/base/_stories.scss
index b3506c82..b666f910 100644
--- a/src/theme/base/_stories.scss
+++ b/src/theme/base/_stories.scss
@@ -43,4 +43,41 @@
 
 #query .dropdown-menu > li{
     padding-left:1rem;
+}
+
+.preview-story {
+    /* scroll bar shown if needed*/
+    max-height: 200px;
+    overflow-y: auto;
+
+    pre{
+        background-color: #fff;
+        border: none;
+    }
+    
+    /* scroll bar styling*/
+    /* width */
+    &::-webkit-scrollbar {
+        width: 10px;
+    }
+  
+    /* Track */
+    &::-webkit-scrollbar-track {
+        box-shadow: inset 0 0 5px grey; 
+        border-radius: 10px;
+    }
+    
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+        background: grey; 
+        border-radius: 10px;
+    }
+    
+}
+
+.new-textArea{
+    /* scroll bar shown if needed*/
+    max-height: 200px;
+    overflow-y: auto;
+
 }
\ No newline at end of file