diff --git a/src/components/popover/popover.scss b/src/components/popover/popover.scss
index b7f426e08..f14809b99 100644
--- a/src/components/popover/popover.scss
+++ b/src/components/popover/popover.scss
@@ -67,16 +67,20 @@
     .extra-button {
       display: grid;
       box-sizing: border-box;
-      padding: var(--__horizontal-gap) var(--__horizontal-gap);
       border: none;
       align-items: center;
     }
 
     .extra-button {
       border-left: 1px solid var(--icon);
+      padding-left: calc(var(--__horizontal-gap) - 1px);
+      border-right: var(--__horizontal-gap) solid transparent;
+      border-top: var(--__horizontal-gap) solid transparent;
+      border-bottom: var(--__horizontal-gap) solid transparent;
     }
 
     .main-button {
+      padding: var(--__horizontal-gap) var(--__horizontal-gap);
       grid-gap: var(--__horizontal-gap);
       grid-template-columns: 1fr var(--__line-height);
       grid-auto-flow: column;
diff --git a/src/components/status_action_buttons/action_button.vue b/src/components/status_action_buttons/action_button.vue
index a634308d9..798f1766c 100644
--- a/src/components/status_action_buttons/action_button.vue
+++ b/src/components/status_action_buttons/action_button.vue
@@ -43,6 +43,7 @@
         class="chevron-icon"
         size="lg"
         icon="chevron-right"
+        fixed-width
       />
     </component>
   </div>
diff --git a/src/components/status_action_buttons/status_action_buttons.vue b/src/components/status_action_buttons/status_action_buttons.vue
index 79b7a4d6a..04ddf247d 100644
--- a/src/components/status_action_buttons/status_action_buttons.vue
+++ b/src/components/status_action_buttons/status_action_buttons.vue
@@ -144,6 +144,7 @@
                     class="chevron-icon"
                     size="lg"
                     icon="chevron-right"
+                    fixed-width
                   />
                 </template>
                 <template #content>