fixed discard modal not showing

app/assets/javascripts/ide/components/commit_sidebar/stage_button.vue

@@ -46,7 +46,7 @@ export default {
       :aria-label="__('Stage changes')"
       :title="__('Stage changes')"
       type="button"
-      class="btn btn-blank d-flex align-items-center"
+      class="btn btn-blank align-items-center"
       data-container="body"
       data-boundary="viewport"
       data-placement="bottom"
@@ -63,7 +63,7 @@ export default {
       :aria-label="__('Discard changes')"
       :title="__('Discard changes')"
       type="button"
-      class="btn btn-blank d-flex align-items-center"
+      class="btn btn-blank align-items-center"
       data-container="body"
       data-boundary="viewport"
       data-placement="bottom"

app/assets/javascripts/ide/components/commit_sidebar/unstage_button.vue

@@ -32,7 +32,7 @@ export default {
       :aria-label="__('Unstage changes')"
       :title="__('Unstage changes')"
       type="button"
-      class="btn btn-blank d-flex align-items-center"
+      class="btn btn-blank align-items-center"
       data-container="body"
       data-boundary="viewport"
       data-placement="bottom"

app/assets/stylesheets/page_bundles/ide.scss

@@ -657,7 +657,9 @@ $ide-tree-text-start: $ide-activity-bar-width + $ide-tree-padding;
     outline: 0;
 
     .multi-file-discard-btn {
-      display: flex;
+      > .btn {
+        display: flex;
+      }
     }
   }
 
@@ -678,16 +680,15 @@ $ide-tree-text-start: $ide-activity-bar-width + $ide-tree-padding;
 }
 
 .multi-file-discard-btn {
-  display: none;
+  > .btn {
+    display: none;
+    width: 32px;
+    height: 32px;
+  }
 
   svg {
     top: 0;
   }
-
-  .btn {
-    width: 32px;
-    height: 32px;
-  }
 }
 
 .multi-file-commit-form {