diff --git a/app/assets/stylesheets/content/_form_elements_input_textarea.md b/app/assets/stylesheets/content/_form_elements_input_textarea.md
new file mode 100644
index 0000000000..631f7f4666
--- /dev/null
+++ b/app/assets/stylesheets/content/_form_elements_input_textarea.md
@@ -0,0 +1,18 @@
+# [Form elements] - Input, Textarea
+
+```
+<div id="work-packages-index">
+	
+	<input class="wide"></input>
+	<br /><br />
+	<input class="small"></input>
+	<br /><br /	>
+	<textarea rows="4"></textarea>
+	<br /><br />
+	<input placeholder="with placeholder text"></input>
+	<br /><br />
+	<textarea rows="4" placeholder="with placeholder text"></textarea>
+
+</div>
+
+```
diff --git a/app/assets/stylesheets/content/_form_elements_input_textarea.sass b/app/assets/stylesheets/content/_form_elements_input_textarea.sass
new file mode 100644
index 0000000000..66a825bb63
--- /dev/null
+++ b/app/assets/stylesheets/content/_form_elements_input_textarea.sass
@@ -0,0 +1,34 @@
+/* Please use these styles for future purposes! The idea is to use these as global styles for form elements, after we finalised the work-packages view. The width of the elements may vary in different views */
+
+#work-packages-index
+  input
+    border: 1px solid #cacaca
+    background: #ffffff
+    border-radius: 2px
+    padding: 8px
+    font-family: $font_family_normal
+    font-size: $global_font_size
+    box-sizing: border-box
+    &:hover
+      border: 1px solid #aaaaaa
+    &:focus
+      box-shadow: 1px 1px 1px #dddddd inset
+  .wide
+    width: 180px
+  .small
+    width: 90px
+  .form-textarea
+    margin: 0 0 10px 0
+  textarea
+    border: 1px solid #cacaca
+    background: #ffffff
+    border-radius: 2px
+    padding: 8px
+    font-family: $font_family_normal
+    font-size: $global_font_size
+    width: 100%
+    box-sizing: border-box
+    &:hover
+      border: 1px solid #aaaaaa
+    &:focus
+      box-shadow: 1px 1px 1px #dddddd inset
diff --git a/app/assets/stylesheets/default.css.sass b/app/assets/stylesheets/default.css.sass
index 85b3eb86e5..ecc6252e4e 100644
--- a/app/assets/stylesheets/default.css.sass
+++ b/app/assets/stylesheets/default.css.sass
@@ -43,6 +43,7 @@
 @import layout/all
 @import content/accounts
 @import content/forms
+@import content/form_elements_input_textarea
 @import content/flash_messages
 @import content/calendar
 @import content/wiki
diff --git a/app/assets/stylesheets/default_simple.css.sass b/app/assets/stylesheets/default_simple.css.sass
index b637d7bfa5..dda02090eb 100644
--- a/app/assets/stylesheets/default_simple.css.sass
+++ b/app/assets/stylesheets/default_simple.css.sass
@@ -47,6 +47,7 @@
 
 @import content/accounts
 @import content/forms
+@import content/form_elements_input_textarea
 @import content/flash_messages
 @import content/calendar
 @import content/wiki