diff --git a/devtools/projects/ng-devtools/src/lib/shared/button/button.component.scss b/devtools/projects/ng-devtools/src/lib/shared/button/button.component.scss
index d95e1d48a35..35e5d7038f0 100644
--- a/devtools/projects/ng-devtools/src/lib/shared/button/button.component.scss
+++ b/devtools/projects/ng-devtools/src/lib/shared/button/button.component.scss
@@ -16,12 +16,19 @@
   }
 
   &.size-compact {
-    padding: 0.1rem 0.5rem;
+    /*
+     * The sizing of compact buttons has a delicate role
+     * in the UI. This is why, we are subtracting the 1px border
+     * to keep the final size small.
+     */
+    padding: calc(0.1rem - 1px) calc(0.5rem - 1px);
   }
 
   &.type-primary {
     border-radius: 2rem;
     background: var(--dynamic-blue-02);
+    box-sizing: border-box;
+    border: 1px solid var(--dynamic-blue-02);
     color: var(--septenary-contrast);
   }
 
diff --git a/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.html b/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.html
index 383012e3df9..d8a89af0313 100644
--- a/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.html
+++ b/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.html
@@ -74,7 +74,7 @@
         [class.watched]="node.watched"
         [btnType]="node.watched ? 'primary' : 'secondary'"
         (click)="toggleIsBeingWatched()"
-        [matTooltip]="node.watched ? 'Unwatch signal' : 'Watch signal'"
+        [matTooltip]="node.watched ? 'Unwatch signal' : 'Watch signal (log in console)'"
       >
         <mat-icon> {{ node.watched ? 'visibility_off' : 'visibility' }} </mat-icon>
       </button>
diff --git a/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.scss b/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.scss
index f5828e179a7..566b4c9a2bb 100644
--- a/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.scss
+++ b/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-details.component.scss
@@ -14,7 +14,7 @@
   scrollbar-color: var(--quaternary-contrast) transparent;
 
   .header {
-    padding-bottom: 0.75rem;
+    padding-bottom: 0.625rem;
     border-bottom: 1px solid var(--quinary-contrast);
     display: flex;
     align-items: flex-start;
@@ -38,6 +38,7 @@
 
         ng-icon {
           --icon-size: 14px;
+          width: 16px;
         }
       }
     }
diff --git a/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-value-tree/signal-value-tree.component.scss b/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-value-tree/signal-value-tree.component.scss
index 39d1c728342..133d5417c65 100644
--- a/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-value-tree/signal-value-tree.component.scss
+++ b/devtools/projects/ng-devtools/src/lib/shared/signal-details/signal-value-tree/signal-value-tree.component.scss
@@ -1,5 +1,6 @@
 :host {
-  width: 200px;
+  min-width: 200px;
+  width: 100%;
   display: block;
   overflow: auto;
   border-radius: 0.25rem;