[field] Update CSS for ValueError

sanity-io · Oct 6, 2020 · d91ef7f · d91ef7f
1 parent fadd36b
commit d91ef7f
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/@sanity/field/src/diff/changes/ValueError.css b/packages/@sanity/field/src/diff/changes/ValueError.css
@@ -1,14 +1,17 @@
 @import 'part:@sanity/base/theme/variables-style';
 
 .root {
+  background: color(var(--state-danger-color) alpha(10%));
+  padding: var(--small-padding);
+  border-radius: var(--border-radius-small);
   display: flex;
-  align-items: center;
 }
 
 .icon {
   color: var(--state-danger-color);
 
   @nest & svg {
+    display: block;
     font-size: calc(17 / 16 * 1em);
 
     @nest &[data-sanity-icon='true'] {
@@ -19,5 +22,8 @@
 }
 
 .message {
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
   padding-left: var(--small-padding);
+  margin-top: 1px;
 }