diff --git a/Frontend/assets/css/json.css b/Frontend/assets/css/json.css
new file mode 100644
index 0000000..46c6686
--- /dev/null
+++ b/Frontend/assets/css/json.css
@@ -0,0 +1,4 @@
+.json-block {
+  height: 600px;
+  width: 100%;
+}
\ No newline at end of file
diff --git a/Frontend/tools/jsonFormatter.html b/Frontend/tools/jsonFormatter.html
index 24d4e97..8b394b9 100644
--- a/Frontend/tools/jsonFormatter.html
+++ b/Frontend/tools/jsonFormatter.html
@@ -6,6 +6,7 @@
   <meta charset="utf-8" />
 
   <link rel="stylesheet" href="../assets/css/tools/r11form.css">
+  <link rel="stylesheet" href="../assets/css/json.css">
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
   <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
   <script src="../assets/scripts/tools/scripts.js"></script>
@@ -18,14 +19,13 @@
   <div id="tool" class="tool rwd-expandable">
     <div class="tool-context">
       <div class="headline">
-        <h1>Online JSON Formatter <span class="versionInfo"><span class="version-span">v0.0.1 BETA</span></span>
-        </h1>
+        <h1>Online JSON Formatter</h1>
       </div>
 
       <p style="color: red" id="error"></p>
 
       <pre>
-        <code class="hightlight-json jsonBlock" style="height: 600px; width: 1000px;" id="jsonBlock" contenteditable="True">{"enter": "your", "json": "here"}</code>
+        <code class="hightlight-json json-block" id="jsonBlock" contenteditable="True">{"enter": "your", "json": "here"}</code>
       </pre>
 
       <button style="margin-top: 20px"