fix scrollbars in dropdowns

src/components/notifications/notification_filters.vue

@@ -64,7 +64,7 @@
       </div>
     </template>
     <template v-slot:trigger>
-      <button class="button-unstyled">
+      <button class="filter-trigger-button button-unstyled">
         <FAIcon icon="filter" />
       </button>
     </template>
@@ -106,17 +106,13 @@ export default {
 .NotificationFilters {
   align-self: stretch;
 
-  > button {
+  .filter-trigger-button {
     font-size: 1.2em;
     padding-left: 0.7em;
     padding-right: 0.2em;
     line-height: 100%;
     height: 100%;
   }
-
-  .dropdown-item {
-    margin: 0;
-  }
 }
 
 </style>

src/components/popover/popover.vue

@@ -95,7 +95,7 @@
     line-height: 21px;
     overflow: auto;
     display: block;
-    padding: .5em 0.75em;
+    padding: 0.25em 0.75em;
     clear: both;
     font-weight: 400;
     text-align: inherit;

src/panel.scss

@@ -110,8 +110,8 @@
     overflow-x: hidden;
   }
 
-  .button-default,
-  .alert {
+  > .button-default,
+  > .alert {
     height: var(--__panel-heading-height-inner);
     min-height: 0;
     box-sizing: border-box;
@@ -122,7 +122,7 @@
     padding-bottom: 0;
   }
 
-  .button-default {
+  > .button-default {
     flex-shrink: 0;
 
     &,