1 files changed, 22 insertions, 0 deletions
diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index 0a3a4cc89..0207371db 100644
--- a/cds-ui/designer-client/src/styles.css
+++ b/cds-ui/designer-client/src/styles.css
@@ -468,6 +468,7 @@ height: 40px;
   background: none !important;
   text-decoration: none;
   color: #1B3E6F;
+  cursor: pointer;
 }
 .tags-filter-list{
   max-height: 260px;
@@ -1165,6 +1166,14 @@ height: 40px;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
 }
+.packagesFilter .dropdown-content ul{
+  max-height: 200px;
+  overflow-y: auto;
+  padding-left: 0;
+}
+.packagesFilter .dropdown-content li{
+  list-style: none;
+}
 .packagesFilter .dropdown-content li:hover .custom-checkbox{
   cursor: pointer;
 }
@@ -2972,6 +2981,19 @@ animation: glowing 1500ms infinite;
 .ace-tm .ace_marker-layer .ace_active-line{
   background: #F4F9FE !important;
 }
+.ace_dark .ace_fold-widget,
+.ace_dark .ace_fold-widget.ace_closed{
+  background-position: center center !important;
+  background-size: 7px;
+  background-repeat: no-repeat !important;
+}
+.ace_dark .ace_fold-widget{
+  background-image: url(/assets/img/icon-codeOpen.svg) !important;
+}
+.ace_dark .ace_fold-widget.ace_closed{
+  background-image: url(/assets/img/icon-codeClosed.svg) !important;
+  background-size: 4px;
+}
 /* -------- end of ace editor style -------- */
 .breadcrumb-header{
   padding: 0px;