diff --git a/cp/resources/views/partials/flash.twig b/cp/resources/views/partials/flash.twig
index c63d17f..6fb6e3f 100644
--- a/cp/resources/views/partials/flash.twig
+++ b/cp/resources/views/partials/flash.twig
@@ -1,12 +1,10 @@
 {% if flash.getMessage('info') %}
 <div class="alert alert-important alert-info alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l.01 0" /><path d="M11 12l1 0l0 4l1 0" /></svg>
-    </div>
-    <div>
-      <h4 class="alert-title">{{ (flash.getMessage('info') | first) | raw }}</h4>
-    </div>
+  <div class="alert-icon">
+    <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l.01 0" /><path d="M11 12l1 0l0 4l1 0" /></svg>
+  </div>
+  <div>
+    <h4 class="alert-heading">{{ (flash.getMessage('info') | first) | raw }}</h4>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
@@ -14,13 +12,11 @@
 
 {% if flash.getMessage('error') %}
 <div class="alert alert-important alert-danger alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l0 4" /><path d="M12 16l.01 0" /></svg>
-    </div>
-    <div>
-      <h4 class="alert-title">{{ (flash.getMessage('error') | first)| raw }}</h4>
-    </div>
+  <div class="alert-icon">
+    <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 8l0 4" /><path d="M12 16l.01 0" /></svg>
+  </div>
+  <div>
+    <h4 class="alert-heading">{{ (flash.getMessage('error') | first)| raw }}</h4>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
@@ -28,13 +24,11 @@
 
 {% if flash.getMessage('success') %}
 <div class="alert alert-important alert-success alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
-    </div>
-    <div>
-      <h4 class="alert-title">{{ (flash.getMessage('success') | first)| raw }}</h4>
-    </div>
+  <div class="alert-icon">
+    <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+  </div>
+  <div>
+    <h4 class="alert-heading">{{ (flash.getMessage('success') | first)| raw }}</h4>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>