diff --git a/css/core.css b/css/core.css
index 99572b9d35b2d4c54d34490b525bad2ddc78770c..85a3089bff47e0665b3b749f7ac769b7b9211dd7 100644
--- a/css/core.css
+++ b/css/core.css
@@ -17,7 +17,7 @@ html, body, #wrapper{
 }
 #input-textarea{
 	width: 90%;
-	height: 90%;
+	height: 87%;
 }
 #output-pre{
 	height: 90%;
diff --git a/index.html b/index.html
index a0754ff4a8c6eb30172235908cd769b32cad8cb6..5d88e19c1e3b8c4cb9f3884f15ad4fb59bfeac7d 100644
--- a/index.html
+++ b/index.html
@@ -34,8 +34,9 @@
         <div id="wrapper">
             <div id="input-div">
                 <h2 id="input-header">Input</h2>
-                <div>
-                    <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i> <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i>
+                <div id="input-buttons">
+                    <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i>
+                    <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i>
                     <i class="fas fa-h1"></i> <i class="fas fa-h2"></i> <i class="fas fa-h3"></i>
                 </div>
                 <textarea id="input-textarea" autocomplete="off" aria-labelledby="input-header"></textarea>
diff --git a/js/application.js b/js/application.js
index b29516a5f7cbac94088735e7b10d160f3bef7902..2e512cea4ea9fc3f82931634c7e7ad71abd115af 100644
--- a/js/application.js
+++ b/js/application.js
@@ -6,5 +6,10 @@ $(document).ready(function () {
 	$('#input-textarea').on('input propertychange', function () {
 		//console.log('Alteration!')
 		$('#output-pre').text($('#input-textarea').val());
-	})
+	});
+	var buttonList = ['bold', 'italic'];
+	var $inBtns = $('#input-buttons');
+	buttonList.forEach(item => {
+
+	});
 });
\ No newline at end of file