diff --git a/src/functions/codeEditor.js b/src/functions/codeEditor.js
index c21ddf6698cb9f185bf9f9e98ae12484615639fb..645603d78cf4a5aa0b558d02bba5f629364807c3 100644
--- a/src/functions/codeEditor.js
+++ b/src/functions/codeEditor.js
@@ -51,6 +51,7 @@ export const codeEditorElement = (instance) => {
     containerHeading.appendChild(document.createTextNode("CODE EDITOR"));
     containerHeading.style.marginTop = "6px";
     containerHeading.style.marginBottom = "0px";
+    containerHeading.style.textAlign = "center";
     editorContainer.appendChild(containerHeading);
 
     const editorNameElement = document.createElement("h4");
diff --git a/src/style.css b/src/style.css
index 29d30bc903713740186cbe80c78e849aff5df228..d75a4baf8e7600d5cb8ae4d72a9578eda69765eb 100644
--- a/src/style.css
+++ b/src/style.css
@@ -140,7 +140,7 @@ body {
 .editorContainer {
   position: absolute;
   text-align: left;
-  width: 80%;
+  width: 75%;
   border-radius: 12px;
   padding: 12px;
   box-shadow: 0px 0px 12px darkgray;