diff --git a/templates/index.html b/templates/index.html
index fd47d70..77f8f44 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7676,55 +7676,33 @@
           <!-- Custom Messages -->
 
           <div class="page" id="Page13" style="display: none">
-
             <div class="row">
-
               <div class="col-lg-6 col-md-6 col-sm-12">
-
                 <div class="row g-3 align-items-center mt-3 left-div">
 
                   <div class="col-auto">
-
                     <label for="inputText" class="col-form-label"
-
                       >Message Name:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <input
-
                       type="text"
-
                       id="inputText13"
-
                       class="form-control"
-
                       aria-describedby="TextHelpInline"
-
                       placeholder="Message Title"
-
                     />
-
                   </div>
 
 
 
                   <div class="col-auto">
-
                     <button id="inputTextBtn13" class="btn set-btn" onclick="customMsgValidate()">Add</button>
-
                   </div>
-                  
                   <p id="demo4" style="display: none"></p>
-
                 </div>
-
-
-
                 <div id="limit-msg">
 
                 </div>
@@ -7732,573 +7710,242 @@
 
 
                 <div class="row g-3 align-items-center mt-3">
-
                   <div class="col-auto">
-
                     <label for="inputScrollSpeed13Z" class="col-form-label"
-
                       >Scroll Speed:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <select
-
                       id="inputScrollSpeed13"
-
                       class="form-select speed-select"
-
                     >
-
                       <option {%if message_settings.speed == 'Medium' %} selected {% endif %}>Medium</option>
-
                       <option {%if message_settings.speed == 'Slow' %} selected {% endif %}>Slow</option>
-
                       <option {%if message_settings.speed == 'Fast' %} selected {% endif %}>Fast</option>
-
                     </select>
-
                   </div>
-
                 </div>
 
 
-
                 <div class="row g-3 align-items-center mt-3 left-div">
-
                   <div class="col-auto">
-
                     <label for="inputScrollSpeedRow13Z" class="col-form-label"
-
                       >Scroll Speed (Row 2):
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <select
-
                       id="inputScrollSpeedRow13"
-
                       class="form-select speed-select"
-
                     >
-
                       <option {%if message_settings.speed2 == 'Medium' %} selected {% endif %}>Medium</option>
-
                       <option {%if message_settings.speed2 == 'Slow' %} selected {% endif %}>Slow</option>
-
                       <option {%if message_settings.speed2 == 'Fast' %} selected {% endif %}>Fast</option>
-
                     </select>
-
                   </div>
-
                 </div>
 
 
 
                 <div class="row g-3 align-items-center mt-3">
-
                   <div class="col-auto">
-
                     <label for="inputTransition13Z" class="col-form-label"
-
                       >Intro Transition:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <select
-
                       id="inputTransition13"
-
                       class="form-select animation-select"
-
                     >
-
                       <option {%if message_settings.animation == 'Down' %} selected {% endif %}>Down</option>
-
                       <option {%if message_settings.animation == 'Up' %} selected {% endif %}>Up</option>
-
                       <option {%if message_settings.animation == 'Continuous' %} selected {% endif %}>Continuous</option>
-
                     </select>
-
                   </div>
-
                 </div>
 
 
 
                 <div class="row g-3 align-items-center mt-3">
-
                   <div class="col-auto">
-
                     <label for="inputText14Z" class="col-form-label"
-
                       >Message:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <input
-
                       type="text"
-
                       id="inputText14"
-
                       class="form-control message-input"
-
                       aria-describedby="TextHelpInline"
-                           
                       placeholder="Custom Message"
-
                     />
-
                   </div>
-                  
                   <p id="demo5" style="display: none"></p>
-
                 </div>
 
-
-
-                <!--
-
-                <div class="row g-3 align-items-center mt-3">
-
-                  <div class="col-auto">
-
-                    <label for="inputText15" class="col-form-label"
-
-                      >Optional Message (row 2):
-
-                    </label>
-
-                  </div>
-
-                  <div class="col-auto">
-
-                    <input
-
-                      type="text"
-
-                      id="inputText15"
-
-                      class="form-control"
-
-                      aria-describedby="TextHelpInline"
-
-                    />
-
-                  </div>
-
-                </div>
-
-                  
-
-                  
-
-                <div class="row g-3 align-items-center mt-3">
-
-                  <div class="col-auto">
-
-                    <label for="inputScrollSpeed14" class="col-form-label"
-
-                      >Border Color:
-
-                    </label>
-
-                  </div>
-
-                  <div class="col-auto">
-
-                    <select id="inputScrollSpeed14" class="form-select">
-
-                      <option>Rainbow</option>
-
-                      <option></option>
-
-                      <option></option>
-
-                    </select>
-
-                  </div>
-
-                </div>
-
-
-
                 
-
                 <div class="row g-3 align-items-center mt-3">
-
                   <div class="col-auto">
-
-                    <label for="inputScrollSpeed15" class="col-form-label"
-
-                      >Border:
-
-                    </label>
-
-                  </div>
-
-                  <div class="col-auto">
-
-                    <select id="inputScrollSpeed15" class="form-select">
-
-                      <option>Dotted</option>
-
-                      <option></option>
-
-                      <option></option>
-
-                    </select>
-
-                  </div>
-
-                </div>
-
-                -->
-
-
-
-                <div class="row g-3 align-items-center mt-3">
-
-                  <div class="col-auto">
-
                     <label for="inputScrollSpeed16Z" class="col-form-label"
-
                       >Text Color:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <select
-
                       id="inputScrollSpeed16"
-
                       class="form-select text-colour"
-
                     >
-
                       <option>Black</option>
-
                       <option>White</option>
-
                       <option>Red</option>
-
                       <option>Green</option>
-
                       <option>Dark Green</option>
-
                       <option>Blue</option>
-
                       <option>Purple</option>
-
                       <option>Pink</option>
-
                       <option>Yellow</option>
-
                       <option>Orange</option>
-
                       <option>Gold</option>
-
                       <option>Gray</option>
-
                       <option>Cyan</option>
-
                     </select>
-
                   </div>
-
                 </div>
 
-
-
                 <div class="row g-3 align-items-center mt-3">
-
                   <div class="col-auto">
-
                     <label for="inputScrollSpeed17Z" class="col-form-label"
-
                       >Text Size:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <select
-
                       id="inputScrollSpeed17"
-
                       class="form-select text-size"
-
                     >
-
                       <option>Large</option>
-
                       <option>Medium</option>
-
                       <option>Small</option>
-
-                      
-
                     </select>
-
                   </div>
-
                 </div>
 
 
 
-                <!--
-
-                <div class="row g-3 align-items-center mt-3">
-
-                  <div class="col-auto">
-
-                    <label for="inputScrollSpeed18" class="col-form-label"
-
-                      >Font:
-
-                    </label>
-
-                  </div>
-
-                  <div class="col-auto">
-
-                    <select id="inputScrollSpeed18" class="form-select">
-
-                      <option>Arial</option>
-
-                      <option></option>
-
-                      <option></option>
-
-                    </select>
-
-                  </div>
-
-                </div>
-
-                -->
-
-
-
                 <div class="row g-3 align-items-center mt-3">
 
                   <div class="col-auto">
-
                     <label for="inputScrollSpeed19Z" class="col-form-label"
-
                       >Background Color:
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <select
-
                       id="inputScrollSpeed19"
-
                       class="form-select back-colour"
-
                     >
-
                       <option>Black</option>
-
                       <option>White</option>
-
                       <option>Red</option>
-
                       <option>Green</option>
-
                       <option>Dark Green</option>
-
                       <option>Blue</option>
-
                       <option>Purple</option>
-
                       <option>Pink</option>
-
                       <option>Yellow</option>
-
                       <option>Orange</option>
-
                       <option>Gold</option>
-
                       <option>Gray</option>
-
                       <option>Cyan</option>
-
                     </select>
-
                   </div>
 
                 </div>
 
 
-
                 <div class="row g-3 align-items-center mt-3">
-
                   <div class="col-auto">
-
                     <label for="inputTransition" class="col-form-label"
-
                       >Display Feature Title
-
                     </label>
-
                   </div>
 
                   <div class="col-auto">
-
                     <input
-
                       class="form-check-input title-select"
-
                       type="checkbox"
-
                       value=""
-
                       id="flexCheckChecked29"
-
-                      {%
-
-                      if
-
-                      message_settings.title%}
-
-                      checked
-
-                      {%endif%}
-
-                    />
-
+                      {% if message_settings.title%}checked{%endif%} />
                   </div>
-
                 </div>
-
               </div>
 
               <div class="col-lg-4 col-md-4 col-sm-12">
-
                 <h6 class="mt-3">List:</h6>
-
                 <div class="features-div-two">
-
                   <ul
-
                     id="messages-features"
-
-                    class="display-features-list text-white message-list"
-
-                  >
+                    class="display-features-list text-white message-list" >
 
                     {%for f in message_settings.messages %}
-
-                      <li>{{f.name}}</li>
-
+                      <li onclick="getCustomMsg(this.innerText)">{{f.name}}</li>
                     {% endfor%}
 
                   </ul>
-
                 </div>
-
               </div>
 
               <div class="col-lg-2 col-md-2 col-sm-12">
-
                 <div class="icons-list">
-
                   <i
-
                     id="messages-increase-btn"
-
                     class="fa fa-chevron-up"
-
                     aria-hidden="true"
-
                   ></i>
 
                   <br />
-
                   <br />
 
                   <i
-
                     id="messages-decrease-btn"
-
                     class="fa fa-chevron-down"
-
                     aria-hidden="true"
-
                   ></i>
 
-                  <a style="position: relative; bottom: 30px; left: 10px"
-
-                    >Sort Order</a
-
-                  >
-
-
+                  <a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
 
                   <br />
-
                   <br />
 
                   <i
-
                     id="messages-remove-btn"
-
                     class="fa fa-minus"
-
                     aria-hidden="true"
-
                   ></i>
 
-                  <span style="position: relative; bottom: 0; left: 10px"
-
-                    >Remove</span
-
-                  >
+                  <span style="position: relative; bottom: 0; left: 10px">Remove</span>
 
                 </div>
-
               </div>
-
             </div>
 
 
 
             <div class="save-btn-div">
-
               <a href="#" class="btn save-btn">Save</a>
-
             </div>
-
           </div>
-
         </div>
 
       </section>