diff --git a/dist/PublicLab.Editor.css b/dist/PublicLab.Editor.css
index f9b05238..918275ab 100644
--- a/dist/PublicLab.Editor.css
+++ b/dist/PublicLab.Editor.css
@@ -171,9 +171,19 @@ pre {
   display: flex;
 }
 
+.ple-module-guide {
+  max-width: 100%;
+}
+
 .ple-module-guide h2 {
   font-size: 4em;
   margin-top: 0;
+  text-align: center;
+}
+
+.ple-module-input {
+  padding: 1.7rem 1rem;
+  font-size: 1.3rem;
 }
 
 .ple-module-guide p {
@@ -196,6 +206,17 @@ pre {
   padding-bottom: 8px;
 }
 
+.ple-module-title .title-module {
+  display: flex;
+  flex-direction: column !important;
+  align-items: center !important;
+  justify-content: center;
+  flex-wrap: nowrap !important;
+  height: fit-content;
+  margin: 0 auto;
+  width: 100%;
+}
+
 .mainImageBox {
   height: 180px;
   width: 720px;
diff --git a/examples/index.html b/examples/index.html
index 925ceae2..a4ffb44b 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -112,14 +112,14 @@ <h1>Share</h1>
       <div class="ple-content">
         <!-- title module -->
         <div class="ple-module-title ple-module container">
-          <div class="row">
+          <div class="row title-module">
           <div class="ple-module-guide col-md-3">
-            <h2>1</h2>
+            <h2>Add Title</h2>
           </div>
 
           <div class="ple-module-content col-md-9">
             <input
-              class="form-control input-lg"
+              class="form-control input-lg ple-module-input"
               type="text"
               placeholder="Title"
             />