diff --git a/example-element.html b/example-element.html
index ce4c1be..70b1533 100644
--- a/example-element.html
+++ b/example-element.html
@@ -181,7 +181,7 @@
                         <div class="expandable-item accordion active">
                             <div class="expandable-header">
                                 <i class="list-icon fa fa-adjust"></i>
-                                <h3 class="list-title">Item Code 1</h3>
+                                <h3 class="list-title">Active Accordion</h3>
                                 <i class="list-arrow fa fa-angle-down"></i>
                             </div>
                             <div class="expandable-content" style="max-height: 164px;">
@@ -197,6 +197,25 @@
                             </div>
                         </div>
 
+                        <div class="expandable-item accordion">
+                            <div class="expandable-header">
+                                <i class="list-icon fa fa-adjust"></i>
+                                <h3 class="list-title">Unctive Accordion</h3>
+                                <i class="list-arrow fa fa-angle-down"></i>
+                            </div>
+                            <div class="expandable-content">
+                                <div class="padding-content">
+                                    Fedrick Darel Auditore Expertise:
+                                    <br>
+                                    HTML5
+                                    <br>
+                                    HTML
+                                    <br>
+                                    Javascript
+                                </div>
+                            </div>
+                        </div>
+
                         <div class="form-divider"></div>
                     </form>
                 </section>
diff --git a/meter-order-details.html b/meter-order-details.html
index 7c9edab..bf995ee 100644
--- a/meter-order-details.html
+++ b/meter-order-details.html
@@ -168,13 +168,13 @@
                     </div>
                     <div class="form-divider-2"></div>
                     <!-- Packing Item List Start Here -->
-                    <div class="expandable-item accordion" data-group="accordion2">
+                    <div class="expandable-item accordion active" data-group="accordion2">
                         <div class="expandable-header">
                             <i class="list-icon fa fa-adjust"></i>
                             <h3 class="list-title">Item Code 1</h3>
                             <i class="list-arrow fa fa-angle-down"></i>
                         </div>
-                        <div class="expandable-content" style="max-height: 164px;">
+                        <div class="expandable-content">
                             <div class="padding-content">
                                 <!-- Delivery Detail Data Start Here -->
                                 <div class="form-row">
@@ -228,7 +228,7 @@
                             <h3 class="list-title">Item Code 2</h3>
                             <i class="list-arrow fa fa-angle-down"></i>
                         </div>
-                        <div class="expandable-content" style="max-height: 164px;">
+                        <div class="expandable-content">
                             <div class="padding-content">
                                 <!-- Delivery Detail Data Start Here -->
                                 <div class="form-row">