diff --git a/index.html b/index.html
index e6b4cec..abbdad7 100755
--- a/index.html
+++ b/index.html
@@ -29,7 +29,8 @@
       </div>
       <div class="modal-body">
         <br>
-        <div class='center'><input type='text' readonly id='output'> <button class="btn btn-success" data-clipboard-action="copy" data-clipboard-target="#output">Copy to Clipboard</button></div>
+				<pre id='output'></pre>
+        <div class='center'><button class="btn btn-success" data-clipboard-action="copy" data-clipboard-target="#output">Copy to Clipboard</button></div>
         <div id='copyFeedback' class='center'></div>
       </div>
       <div class="modal-footer">
diff --git a/main.js b/main.js
index 8548187..6670307 100755
--- a/main.js
+++ b/main.js
@@ -154,7 +154,7 @@ function go(mode) {
 		}
 		// convert result to binary
 		output = textToBin(encodeURIComponent(input));
-		$('#output').val(replaceAll(replaceAll(output.toString(), "1", one), "0", zero));
+		$('#output').text(replaceAll(replaceAll(output.toString(), "1", one), "0", zero));
 	}
 	else
 	{
@@ -175,7 +175,7 @@ function go(mode) {
 				return false;
 			}
 		}
-		$('#output').val(output.toString());
+		$('#output').text(output.toString());
 	}
 	$('#outputModal').modal();
 }
diff --git a/theme.css b/theme.css
index ca64dfc..d2b5dbe 100755
--- a/theme.css
+++ b/theme.css
@@ -39,7 +39,14 @@ footer
 
 #copyFeedback
 {
-	display: none;
 	margin-top: 1em;
 	margin-bottom: 1em;
 }
+
+#outputDecode, #copyFeedback{
+	display: none;
+}
+
+#outputDecode{
+	overflow: scroll;
+}
\ No newline at end of file
diff --git a/theme.min.css b/theme.min.css
index 875ed5f..ee65623 100755
--- a/theme.min.css
+++ b/theme.min.css
@@ -1 +1 @@
-#copyFeedback,#one{margin-bottom:1em}body{background-color:#d8d8d8;color:#000}.center{text-align:center}#dataArea{margin-left:3em;margin-right:3em}#text{width:100%;max-width:100%;min-height:300px}.dataItem{margin:1em}footer{margin-top:1em;margin-bottom:2em}#copyFeedback{display:none;margin-top:1em}
\ No newline at end of file
+body{background-color:#d8d8d8;color:black}.center{text-align:center}#dataArea{margin-left:3em;margin-right:3em}#text{width:100%;max-width:100%;min-height:300px}#one{margin-bottom:1em}.dataItem{margin:1em}footer{margin-top:1em;margin-bottom:2em}#copyFeedback{margin-top:1em;margin-bottom:1em}#outputDecode,#copyFeedback{display:none}#outputDecode{overflow:scroll}