diff --git a/Services/client/src/components/DialogDelete.vue b/Services/client/src/components/DialogDelete.vue
index 6b07256..9779b9c 100644
--- a/Services/client/src/components/DialogDelete.vue
+++ b/Services/client/src/components/DialogDelete.vue
@@ -21,7 +21,7 @@ const props = withDefaults(
   >
     <q-card style="width: 400px">
       <q-card-section>
-        <div class="flex items-center">
+        <div class="flex items-center" style="flex-wrap: nowrap">
           <div class="q-pa-sm">
             <div style="border-radius: 50%" class="bg-secondary q-pa-sm">
               <q-icon
diff --git a/Services/client/src/components/GlobalErrorDialog.vue b/Services/client/src/components/GlobalErrorDialog.vue
index 4197bdc..d2d682a 100644
--- a/Services/client/src/components/GlobalErrorDialog.vue
+++ b/Services/client/src/components/GlobalErrorDialog.vue
@@ -16,15 +16,19 @@ watch(visible, () => {
   <q-dialog transition-show="scale" transition-hide="scale" v-model="visible">
     <q-card style="width: 400px">
       <q-card-section>
-        <span class="text-h6">
-          <q-icon name="error" color="negative" size="2.5rem" />{{
-            title
-          }}</span
-        >
+        <div class="flex items-center" style="flex-wrap: nowrap">
+          <div class="q-pa-sm">
+            <div style="border-radius: 50%" class="bg-secondary q-pa-sm">
+              <q-icon name="mdi-alert" color="negative" size="2.5rem" />
+            </div>
+          </div>
+          <div>
+            <h6 class="q-my-none">{{ title }}</h6>
+            <p class="q-my-none">{{ msg }}</p>
+          </div>
+        </div>
       </q-card-section>
 
-      <q-card-section class="q-pt-none">{{ msg }}</q-card-section>
-
       <q-card-actions align="right" class="bg-white text-primary">
         <q-space />
         <q-btn