diff --git a/src/components/ContentBar.vue b/src/components/ContentBar.vue
index 2ae9157..d9eeca3 100644
--- a/src/components/ContentBar.vue
+++ b/src/components/ContentBar.vue
@@ -337,6 +337,21 @@ export default {
   position: relative;
   top: auto;
   font-size: 12px;
+  align-items: center;
+
+  :deep(.el-tooltip__trigger) {
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  .hide {
+    margin-top: 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+  }
 }
 
 .info-icon {
diff --git a/src/components/DialogToolbarContent.vue b/src/components/DialogToolbarContent.vue
index 4dfba39..8784c32 100644
--- a/src/components/DialogToolbarContent.vue
+++ b/src/components/DialogToolbarContent.vue
@@ -306,6 +306,10 @@ export default {
         view,
         entries: this.entriesStore.entries,
       });
+
+      if (this.$refs.viewPopover) {
+        this.$refs.viewPopover.hide();
+      }
     }
   },
   mounted: function () {
@@ -433,6 +437,7 @@ export default {
   padding: 4px 8px 12px 8px;
   min-width:unset!important;
   width:unset!important;
+  background-color: #f3ecf6;
   cursor:default;
   .el-popper__arrow {
     &:before {