diff --git a/docs/src/components/Demo/index.vue b/docs/src/components/Demo/index.vue
index 4377655b..d81e7e06 100644
--- a/docs/src/components/Demo/index.vue
+++ b/docs/src/components/Demo/index.vue
@@ -29,12 +29,9 @@
-
-
- Could not find a demo called “{{ name }}”.
-
-
-
+
+ Could not find a demo called “{{ name }}”.
+
diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss
index 1bd03c66..6403afd0 100644
--- a/docs/src/components/Demo/style.scss
+++ b/docs/src/components/Demo/style.scss
@@ -89,16 +89,12 @@
}
&__error {
- padding: 1rem 1.5rem;
- color: $colorRed;
- background-color: rgba($colorRed, 0.1);
- }
-
- &__skeleton {
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
- background-color: $colorWhite;
- min-height: 20rem;
- opacity: 0.1;
+ padding: 1rem 1.25rem;
+ border-radius: 0.75rem;
+ border: 3px solid $colorBlack;
+ background-color: $colorRed;
+ font-size: 1.1rem;
+ font-weight: 700;
+ margin-bottom: 0.25rem;
}
}