From 01ebab1c0c825ed4736c80c66931d46cf9458126 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Tue, 4 Feb 2025 12:30:51 +0100
Subject: [PATCH] Update size

---
 .../[screenId]/_components/ScreenErrorsButton.svelte     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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 41ce8924a5..0c7b077d50 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
@@ -37,7 +37,7 @@
 </script>
 
 <div bind:this={button} class="error-button">
-  <ActionButton selected quiet on:click={() => popover.show()}>
+  <ActionButton selected quiet on:click={() => popover.show()} size="S">
     <div class="content">
       Errors
       {#if $screenComponentErrorList.length}
@@ -79,18 +79,19 @@
     border-radius: 16px;
   }
   .error-button .content {
-    min-width: 60px;
+    min-width: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: var(--spacing-xs);
     padding-left: var(--spacing-xs);
     padding-right: var(--spacing-xs);
+    font-weight: 600;
   }
   .error-button .badge {
     background-color: var(--spectrum-global-color-static-red-700);
-    height: 18px;
-    width: 18px;
+    height: 14px;
+    width: 14px;
     border-radius: 50%;
 
     display: flex;