diff --git a/src/app/pages/extra-components/alert/alert.component.html b/src/app/pages/extra-components/alert/alert.component.html
index 83e6c80f..8818b532 100644
--- a/src/app/pages/extra-components/alert/alert.component.html
+++ b/src/app/pages/extra-components/alert/alert.component.html
@@ -3,13 +3,11 @@
     <nb-card>
       <nb-card-header>Colored Alert</nb-card-header>
       <nb-card-body>
-        <nb-alert status="success">You have been successfully authenticated!</nb-alert>
-        <nb-alert status="danger">You have been successfully authenticated!</nb-alert>
         <nb-alert status="primary">You have been successfully authenticated!</nb-alert>
+        <nb-alert status="success">You have been successfully authenticated!</nb-alert>
         <nb-alert status="info">You have been successfully authenticated!</nb-alert>
         <nb-alert status="warning">You have been successfully authenticated!</nb-alert>
-        <nb-alert status="active">You have been successfully authenticated!</nb-alert>
-        <nb-alert status="disabled">You have been successfully authenticated!</nb-alert>
+        <nb-alert status="danger">You have been successfully authenticated!</nb-alert>
       </nb-card-body>
     </nb-card>
   </div>
@@ -18,13 +16,11 @@
     <nb-card>
       <nb-card-header>Outline Alert</nb-card-header>
       <nb-card-body>
-        <nb-alert outline="success">You have been successfully authenticated!</nb-alert>
-        <nb-alert outline="danger">You have been successfully authenticated!</nb-alert>
         <nb-alert outline="primary">You have been successfully authenticated!</nb-alert>
+        <nb-alert outline="success">You have been successfully authenticated!</nb-alert>
         <nb-alert outline="info">You have been successfully authenticated!</nb-alert>
         <nb-alert outline="warning">You have been successfully authenticated!</nb-alert>
-        <nb-alert outline="active">You have been successfully authenticated!</nb-alert>
-        <nb-alert outline="disabled">You have been successfully authenticated!</nb-alert>
+        <nb-alert outline="danger">You have been successfully authenticated!</nb-alert>
       </nb-card-body>
     </nb-card>
   </div>
@@ -33,13 +29,11 @@
     <nb-card>
       <nb-card-header>Accent Alert</nb-card-header>
       <nb-card-body>
-        <nb-alert status="success" accent="danger">You have been successfully authenticated!</nb-alert>
-        <nb-alert status="danger" accent="primary">You have been successfully authenticated!</nb-alert>
         <nb-alert status="primary" accent="info">You have been successfully authenticated!</nb-alert>
+        <nb-alert status="success" accent="danger">You have been successfully authenticated!</nb-alert>
         <nb-alert status="info" accent="warning">You have been successfully authenticated!</nb-alert>
         <nb-alert status="warning" accent="danger">You have been successfully authenticated!</nb-alert>
-        <nb-alert status="active" accent="disabled">You have been successfully authenticated!</nb-alert>
-        <nb-alert status="disabled" accent="success">You have been successfully authenticated!</nb-alert>
+        <nb-alert status="danger" accent="primary">You have been successfully authenticated!</nb-alert>
       </nb-card-body>
     </nb-card>
   </div>