diff --git a/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx b/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx
index 1c07be0d3ac..7ba18111297 100644
--- a/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx
+++ b/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx
@@ -257,18 +257,18 @@ class PromQueryField extends React.PureComponent
- {error ?
{error}
: null}
- {hint ? (
-
- ) : null}
+ {error ? {error}
: null}
+ {hint ? (
+
+ ) : null}
>
);
}
diff --git a/public/sass/components/_gf-form.scss b/public/sass/components/_gf-form.scss
index b81cccd7ab7..08ca2193ea0 100644
--- a/public/sass/components/_gf-form.scss
+++ b/public/sass/components/_gf-form.scss
@@ -5,7 +5,7 @@ $input-border: 1px solid $input-border-color;
margin-bottom: $gf-form-margin;
display: flex;
flex-direction: row;
- align-items: center;
+ align-items: flex-start;
text-align: left;
position: relative;
diff --git a/public/sass/components/_slate_editor.scss b/public/sass/components/_slate_editor.scss
index f8796a8f260..7608f071e78 100644
--- a/public/sass/components/_slate_editor.scss
+++ b/public/sass/components/_slate_editor.scss
@@ -9,7 +9,7 @@
position: relative;
display: inline-block;
padding: $input-padding-y $input-padding-x;
- height: $gf-form-input-height;
+ min-height: $gf-form-input-height;
width: 100%;
cursor: text;
line-height: $line-height-base;