diff --git a/pages/UI/general.html b/pages/UI/general.html
index 5e02b0059..d1aa0eb37 100755
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -10,7 +10,7 @@
     <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
     <!-- Theme style -->
     <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
-    <!-- AdminLTE Skins. Choose a skin from the css/skins 
+    <!-- AdminLTE Skins. Choose a skin from the css/skins
          folder instead of downloading all of them to reduce the load. -->
     <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
 
@@ -460,7 +460,7 @@
             <li class="active">Blank page</li>
           </ol>
         </section>
-                
+
         <!-- Main content -->
         <section class="content">
           <!-- COLOR PALETTE -->
@@ -521,27 +521,11 @@
               </div><!-- /.row -->
               <div class='row'>
                 <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Purple</h4>
+                  <h4 class='text-center'>Navy</h4>
                   <div class='color-palette-set'>
-                    <div class='bg-purple disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-purple color-palette'><span>#605ca8</span></div>
-                    <div class='bg-purple-active color-palette'><span>Active</span></div>
-                  </div>
-                </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Maroon</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-maroon disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-maroon color-palette'><span>#D81B60</span></div>
-                    <div class='bg-maroon-active color-palette'><span>Active</span></div>
-                  </div>
-                </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Orange</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-orange disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-orange color-palette'><span>#00a65a</span></div>
-                    <div class='bg-orange-active color-palette'><span>Active</span></div>
+                    <div class='bg-navy disabled color-palette'><span>Disabled</span></div>
+                    <div class='bg-navy color-palette'><span>#001F3F</span></div>
+                    <div class='bg-navy-active color-palette'><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
                 <div class='col-sm-4 col-md-2'>
@@ -553,11 +537,27 @@
                   </div>
                 </div><!-- /.col -->
                 <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Navy</h4>
+                  <h4 class='text-center'>Purple</h4>
                   <div class='color-palette-set'>
-                    <div class='bg-navy disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-navy color-palette'><span>#001F3F</span></div>
-                    <div class='bg-navy-active color-palette'><span>Active</span></div>
+                    <div class='bg-purple disabled color-palette'><span>Disabled</span></div>
+                    <div class='bg-purple color-palette'><span>#605ca8</span></div>
+                    <div class='bg-purple-active color-palette'><span>Active</span></div>
+                  </div>
+                </div><!-- /.col -->
+                <div class='col-sm-4 col-md-2'>
+                  <h4 class='text-center'>Orange</h4>
+                  <div class='color-palette-set'>
+                    <div class='bg-orange disabled color-palette'><span>Disabled</span></div>
+                    <div class='bg-orange color-palette'><span>#00a65a</span></div>
+                    <div class='bg-orange-active color-palette'><span>Active</span></div>
+                  </div>
+                </div><!-- /.col -->
+                <div class='col-sm-4 col-md-2'>
+                  <h4 class='text-center'>Maroon</h4>
+                  <div class='color-palette-set'>
+                    <div class='bg-maroon disabled color-palette'><span>Disabled</span></div>
+                    <div class='bg-maroon color-palette'><span>#D81B60</span></div>
+                    <div class='bg-maroon-active color-palette'><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
                 <div class='col-sm-4 col-md-2'>
@@ -581,12 +581,12 @@
                   <h3 class="box-title">Alerts</h3>
                 </div><!-- /.box-header -->
                 <div class="box-body">
-                  <div class="alert alert-danger alert-dismissable">																				
+                  <div class="alert alert-danger alert-dismissable">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                     <h4><i class="icon fa fa-ban"></i> Alert!</h4>
                     Danger alert preview. This alert is dismissable. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
                   </div>
-                  <div class="alert alert-info alert-dismissable">																				
+                  <div class="alert alert-info alert-dismissable">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                     <h4><i class="icon fa fa-info"></i> Alert!</h4>
                     Info alert preview. This alert is dismissable.
@@ -598,7 +598,7 @@
                   </div>
                   <div class="alert alert-success alert-dismissable">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-                    <h4>	<i class="icon fa fa-check"></i> Alert!</h4> 
+                    <h4>	<i class="icon fa fa-check"></i> Alert!</h4>
                     Success alert preview. This alert is dismissable.
                   </div>
                 </div><!-- /.box-body -->