[GlobalAIButton] Update the button to be smaller

Fixed: 438398228
Change-Id: I83979a23f1f59fc345b2a6e83ac156877cfcd871
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6880996
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Commit-Queue: Ergün Erdoğmuş <ergunsh@chromium.org>

front_end/entrypoints/main/globalAiButton.css

diff --git a/front_end/entrypoints/main/globalAiButton.css b/front_end/entrypoints/main/globalAiButton.css
index c76027d..4b4cf10 100644
--- a/front_end/entrypoints/main/globalAiButton.css
+++ b/front_end/entrypoints/main/globalAiButton.css
@@ -6,15 +6,16 @@
 
 @scope to (devtools-widget > *) {
   .global-ai-button-container {
-    margin-inline: var(--sys-size-2);
+    margin-left: var(--sys-size-3);
+    margin-right: var(--sys-size-1);
   }
 
   .global-ai-button {
     display: flex;
     justify-content: center;
     align-items: center;
-    width: var(--sys-size-10);
-    height: var(--sys-size-10);
+    width: var(--sys-size-9);
+    height: var(--sys-size-9);
     border-radius: var(--sys-shape-corner-full);
     background-image: var(--app-gradient-google-ai);
     font: var(--sys-typescale-body4-medium);
@@ -49,8 +50,8 @@
     }
 
     devtools-icon {
-      width: var(--sys-size-8);
-      height: var(--sys-size-8);
+      width: var(--sys-size-7);
+      height: var(--sys-size-7);
       color: var(--ref-palette-neutral100);
     }