diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenErrorsButton.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenErrorsButton.svelte
index 5d7e2fb667..82258c5586 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenErrorsButton.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenErrorsButton.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { UIComponentError } from "@budibase/types"
   import {
+    builderStore,
     componentStore,
     screenComponentErrorList,
     screenComponents,
@@ -17,6 +18,13 @@
     }
     return titleParts.join(" - ")
   }
+
+  function onErrorClick(error: UIComponentError) {
+    componentStore.select(error.componentId)
+    if (error.errorType === "setting") {
+      builderStore.highlightSetting(error.key, "error")
+    }
+  }
 </script>
 
 <div bind:this={button} class="error-button">
@@ -40,10 +48,7 @@
           color="var(--spectrum-global-color-static-red-600)"
         />
         <div>
-          <Link
-            overBackground
-            on:click={() => componentStore.select(error.componentId)}
-          >
+          <Link overBackground on:click={() => onErrorClick(error)}>
             {getErrorTitle(error)}:</Link
           >
           <!-- eslint-disable-next-line svelte/no-at-html-tags-->