diff --git a/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts b/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts
index d6ffc0ef0a..8d5bfe47a1 100644
--- a/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts
+++ b/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts
@@ -183,17 +183,17 @@ export class DeveloperYamlConfig extends LitElement {
       haStyle,
       css`
         .validate-container {
-          height: 140px;
+          height: 60px;
         }
 
         .validate-result {
           color: var(--success-color);
           font-weight: 500;
-          margin-bottom: 1em;
         }
 
         .config-invalid {
           margin: 1em 0;
+          text-align: center;
         }
 
         .config-invalid .text {
diff --git a/src/translations/en.json b/src/translations/en.json
index af3bb998da..1479dbf2d8 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -4151,10 +4151,10 @@
             "section": {
               "validation": {
                 "heading": "Configuration validation",
-                "introduction": "Validate your configuration if you recently made some changes to your configuration and want to make sure that it is all valid.",
+                "introduction": "Validate your configuration if you recently made some changes to it and want to make sure that it is all valid.",
                 "check_config": "Check configuration",
                 "valid": "Configuration valid!",
-                "invalid": "Configuration invalid"
+                "invalid": "Configuration invalid!"
               },
               "reloading": {
                 "heading": "YAML configuration reloading",