diff --git a/pages/css/components/toasts.md b/pages/css/components/toasts.md
index 226213c1..882db66e 100644
--- a/pages/css/components/toasts.md
+++ b/pages/css/components/toasts.md
@@ -51,7 +51,7 @@ To create a default toast, use `.Toast`
Submitting issue to github/github.
-
+
```
@@ -79,7 +79,7 @@ To create a default toast, use `.Toast`
Submitting issue to github/github. Try again.
-
+
```
@@ -119,7 +119,7 @@ To create a default toast, use `.Toast`
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
+
```
diff --git a/src/toasts/toasts.scss b/src/toasts/toasts.scss
index 129ff00f..62b65a9b 100644
--- a/src/toasts/toasts.scss
+++ b/src/toasts/toasts.scss
@@ -32,9 +32,11 @@
padding: $spacer-3;
}
-.Toast-dismiss {
+.Toast-dismissButton {
padding: $spacer-3;
- align-self: center;
+ max-height: 54px; // keeps button aligned to the top
+ border: 0;
+ background-color: transparent;
&:hover {
cursor: pointer;