added zones drop down in builder ouline and adjust width of displayZones

app/src/styles/components/lists.scss

@@ -3,15 +3,23 @@
 
 .dropdown-list-container {
   border-bottom: 1px solid var(--border-color);
+
+  .lists-container {
+    margin-bottom: 6px;
+  }
+
   &:last-child {
     border: none;
   }
+
   .head {
     @include flex-space-between;
     padding: 6px 12px;
+
     .options {
       @include flex-center;
       gap: 6px;
+
       .option {
         @include flex-center;
         cursor: pointer;
@@ -22,34 +30,52 @@
 }
 
 .list-wrapper {
+
+
   .no-item {
     padding: 12px;
   }
+
   .list-container {
     padding: 2px;
+    margin-left: 10px;
+    overflow: hidden;
+
+
     .list-item {
       @include flex-space-between;
       width: 100%;
       text-align: center;
-      padding: 4px 12px;
+      padding: 4px 8px;
       border-radius: #{$border-radius-large};
+
       .value {
         width: 100%;
         text-align: start;
         max-width: 180px;
       }
+
       .options-container {
         @include flex-center;
         gap: 6px;
+
         .option {
           @include flex-center;
           cursor: pointer;
         }
       }
     }
+
     .active {
       background-color: var(--highlight-accent-color);
       color: var(--primary-color);
     }
   }
-}
+
+  .asset-list {
+    border-left: 2px solid var(--border-color);
+
+    margin-left: 20px
+  }
+
+}