diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index fc56655..7ddccf7 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -110,7 +110,7 @@ body {
     position: relative;
     overflow: visible;
     &.popup-open::after {
-      top: 18px;
+      top: 20px;
       color: #246bfd;
     }
     .missed-items-popup {
diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index f18aa32..e523973 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -45,7 +45,7 @@
           <v-icon color="white">$vuetify.icons.ic_member-leave</v-icon>
         </v-btn>
       </v-col>
-      <v-col cols="auto" class="text-end ma-0 pa-0 ms-1 clickable close-button">
+      <v-col cols="auto" class="text-end ma-0 pa-0 ms-1 clickable close-button more-menu-button">
         <div :class="{ 'popup-open': showMoreMenu }">
           <v-btn class="mx-2 box-shadow-none" fab dark small color="transparent" @click.stop="showMoreMenu = true">
             <v-icon size="15">$vuetify.icons.ic_more</v-icon>
@@ -274,13 +274,18 @@ export default {
 .popup-open::after {
   position: absolute;
   left: 50%;
+  // Need to move the "more items" arrow to the left, since it's too close to the edge
+  // and would interfere with the dialog rounding...
+  .more-menu-button & {
+    left: calc(50% - 4px);
+  }
   content: " ";
-  top: 40px;
+  top: 42px;
   margin-left: -10px;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   transform: rotate(45deg);
-  border-radius: 3px;
+  border-radius: 2px;
   background-color: currentColor;
   z-index: 400;
   pointer-events: none;