diff --git a/src/annotation-context/annotation/styles.scss b/src/annotation-context/annotation/styles.scss
index fc41d3cb4a..dc87015b46 100644
--- a/src/annotation-context/annotation/styles.scss
+++ b/src/annotation-context/annotation/styles.scss
@@ -49,11 +49,19 @@
   padding-inline: 0;
   cursor: pointer;
   scroll-margin: var(#{custom-props.$contentScrollMargin}, 40px 0 0 0);
+  position: relative;
 
   // These dimensions match the dimensions of the contained SVG icon.
   inline-size: 16px;
   block-size: 16px;
 
+  // Extends the clickable area beyond the actual size of the button
+  &:before {
+    content: '';
+    position: absolute;
+    inset: calc(-1 * #{awsui.$space-xxs});
+  }
+
   &:focus {
     outline: none;
   }
diff --git a/src/hotspot/styles.scss b/src/hotspot/styles.scss
index 88e7a2c0ec..c4d0a0f754 100644
--- a/src/hotspot/styles.scss
+++ b/src/hotspot/styles.scss
@@ -35,5 +35,5 @@
 }
 
 .inlineWrapper {
-  margin-inline-start: awsui.$space-xxs;
+  margin-inline: awsui.$space-xxs;
 }