Fixes some styles

app/assets/javascripts/alert_management/components/alert_details.vue

@@ -131,7 +131,7 @@ export default {
       {{ $options.i18n.errorMsg }}
     </gl-alert>
     <div v-if="loading"><gl-loading-icon size="lg" class="gl-mt-5" /></div>
-    <div v-if="alert" class="alert-management-details">
+    <div v-if="alert" class="alert-management-details gl-relative">
       <div
         class="gl-display-flex gl-justify-content-space-between gl-align-items-center gl-px-1 gl-py-6 gl-border-b-1 gl-border-b-gray-200 gl-border-b-solid"
       >
@@ -170,9 +170,10 @@ export default {
         class="gl-display-flex gl-justify-content-space-between gl-align-items-center"
       >
         <h2 data-testid="title">{{ alert.title }}</h2>
+      </div>
       <gl-dropdown
         :text="capitalizeFirstCharacter(alert.status.toLowerCase())"
-          class="mt-2 mb-n2"
+        class="gl-absolute gl-right-0"
         right
       >
         <gl-dropdown-item
@@ -192,7 +193,6 @@ export default {
           </span>
         </gl-dropdown-item>
       </gl-dropdown>
-      </div>
       <gl-tabs v-if="alert" data-testid="alertDetailsTabs">
         <gl-tab data-testid="overviewTab" :title="$options.i18n.overviewTitle">
           <ul class="pl-4 mb-n1">