From e9d953530a03d8b46a4713d5ce01a03fd27058ff Mon Sep 17 00:00:00 2001
From: Atanas Yonkov <atanas.yonkov@crust.tech>
Date: Fri, 31 Mar 2023 10:37:58 +0300
Subject: [PATCH] Navigation Block Dropdown Overflow

---
 .../PageBlocks/Navigation/NavTypes/ComposePage.vue    | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/ComposePage.vue b/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/ComposePage.vue
index 4c2eb36ef..7bb5a2494 100644
--- a/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/ComposePage.vue
+++ b/client/web/compose/src/components/PageBlocks/Navigation/NavTypes/ComposePage.vue
@@ -22,7 +22,7 @@
           :reduce="f => f.pageID"
           option-value="pageID"
           option-text="title"
-          class="bg-white"
+          class="nav-page-selector bg-white"
           @input="updateLabelValue"
         />
       </b-form-group>
@@ -117,7 +117,7 @@ export default {
 
 <style lang="scss" scoped>
 
-.block-selector {
+.nav-page-selector {
   position: relative;
 
   &:not(.vs--open) .vs__selected + .vs__search {
@@ -143,6 +143,13 @@ export default {
     overflow: hidden;
   }
 }
+</style>
+
+<style lang="css">
+
+.vs__dropdown-menu{
+  min-width: auto;
+}
 
 .vs__dropdown-menu .vs__dropdown-option {
   text-overflow: ellipsis;