diff --git a/wayang-docs/src/main/resources/_data/menus.yml b/wayang-docs/src/main/resources/_data/menus.yml
index 648e0e1..c684d4c 100644
--- a/wayang-docs/src/main/resources/_data/menus.yml
+++ b/wayang-docs/src/main/resources/_data/menus.yml
@@ -55,8 +55,8 @@
     identifier: run
     weight: 2
 
-  - url: /getting_start/writting_plan_wayang/
-    title: Writting a Plan with Wayang
+  - url: /getting_start/writting_wayang_plan/
+    title: Writting a Wayang Plan
     identifier: writting
     weight: 3
 
diff --git a/wayang-docs/src/main/resources/_layouts/default.html b/wayang-docs/src/main/resources/_layouts/default.html
index e20dfe8..4db2915 100644
--- a/wayang-docs/src/main/resources/_layouts/default.html
+++ b/wayang-docs/src/main/resources/_layouts/default.html
@@ -107,8 +107,8 @@
 <!--    </nav>-->
     <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
       {{content}}
-      <div class="row btn-area-page" >
-        <div class="col-md-6">
+      <div class="row btn-area-page  justify-content-center" >
+        <div class="col-md-3">
           {% if page.previous.url %}
           <a href="{{page.previous.url}}" class="d-flex align-items-center page-btn shadow">
               <div class="mr-auto">
@@ -123,7 +123,7 @@
           </a>
           {% endif %}
         </div>
-        <div class="col-md-6">
+        <div class="col-md-3">
           {% if page.next.url %}
           <a href="{{page.next.url}}" class="d-flex align-items-center page-btn shadow" >
             <div class="text-left" >
diff --git a/wayang-docs/src/main/resources/assets/css/main.css b/wayang-docs/src/main/resources/assets/css/main.css
index 667c710..a3224eb 100644
--- a/wayang-docs/src/main/resources/assets/css/main.css
+++ b/wayang-docs/src/main/resources/assets/css/main.css
@@ -46,13 +46,13 @@
 .nav-link.main-link > a{
     color: #ff8724 !important;
     font-weight: bold;
-    text-transform: uppercase;
+    text-transform: capitalize;
 }
 
 .nav-link.main-link > a:hover{
     color: #ff8724 !important;
     font-weight: bold;
-    text-transform: uppercase;
+    text-transform: capitalize;
     text-decoration: none;
 }
 
@@ -115,6 +115,7 @@
 .sub-menu{
     margin-left: 1em;
     border-left: 1px solid #a00e5a;
+    background-color: rgba(160, 14, 90, 0.05);
 }
 
 .link-btn {
@@ -136,3 +137,7 @@
 div.sub-menu ul li:last-child {
     border-bottom: solid 1px #a00e5a;
 }
+
+/*div.sub-menu ul li:nth-child(2n) {*/
+/*    background-color: rgba(100, 100, 100, 0.1);*/
+/*}*/
diff --git a/wayang-docs/src/main/resources/getting_start/writting_plan_wayang/index.md b/wayang-docs/src/main/resources/getting_start/writting_wayang_plan/index.md
similarity index 93%
rename from wayang-docs/src/main/resources/getting_start/writting_plan_wayang/index.md
rename to wayang-docs/src/main/resources/getting_start/writting_wayang_plan/index.md
index 22afccd..6346072 100644
--- a/wayang-docs/src/main/resources/getting_start/writting_plan_wayang/index.md
+++ b/wayang-docs/src/main/resources/getting_start/writting_wayang_plan/index.md
@@ -15,7 +15,7 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 layout: default
-title: "Writting a Plan in Wayang"
+title: "Writting a Wayang Plan"
 previous:
     url: /
     title: previous
@@ -24,4 +24,4 @@
     title: next
 ---
 
-Writting a Plan in Wayang
+Writting a Wayang Plan