Update action selectorupdate-toast-styling

Updated the toast action selector to `first-of-type` instead

1 files changed, 2 insertions, 2 deletions

diff --git a/app/assets/stylesheets/components/toast.scss b/app/assets/stylesheets/components/toast.scss
index 33e1c4e5349..acbd909d595 100644
--- a/app/assets/stylesheets/components/toast.scss
+++ b/app/assets/stylesheets/components/toast.scss
@@ -21,7 +21,7 @@
     background-color: rgba($gray-900, $toast-background-opacity);
 
     @include media-breakpoint-down(xs) {
-      .action:first-child {
+      .action:first-of-type {
         // Ensures actions buttons are right aligned on mobile
         margin-left: auto;
       }
@@ -33,7 +33,7 @@
       text-transform: none;
       font-size: $gl-font-size;
 
-      &:first-child {
+      &:first-of-type {
         padding-right: 0;
       }
     }