diff --git a/src/common-styles/sv-popup.scss b/src/common-styles/sv-popup.scss
index 6a4f84c83a..ee04243edd 100644
--- a/src/common-styles/sv-popup.scss
+++ b/src/common-styles/sv-popup.scss
@@ -48,7 +48,7 @@ sv-popup {
   max-width: 100vw;
 }
 
-.sv-popup.sv-popup--modal {
+.sv-popup--modal {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -85,7 +85,8 @@ sv-popup {
     font-size: calcFontSize(1);
     font-style: normal;
     font-weight: 400;
-    line-height: calcLineHeight(1.5);/* 150% */
+    line-height: calcLineHeight(1.5);
+    /* 150% */
   }
 
   .sv-popup__scrolling-content {
@@ -101,11 +102,11 @@ sv-popup {
   }
 }
 
-.sv-popup.sv-popup--modal>.sv-popup__container {
+.sv-popup--modal>.sv-popup__container {
   position: static;
 }
 
-.sv-popup--overlay.sv-popup--overlay {
+.sv-popup--overlay {
   width: 100%;
   height: $popup-overlay-height;
 
@@ -145,14 +146,14 @@ sv-popup {
     width: 100%;
   }
 
-  .sv-popup__button {
+  .sv-popup__button.sv-popup__button {
     background-color: $primary;
     border: 2px solid $primary;
     color: $primary-foreground;
   }
 }
 
-.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) {
+.sv-popup--overlay {
   .sv-popup__body-footer .sv-action {
     flex: 1 0 0;
   }
@@ -269,8 +270,51 @@ sv-popup {
   }
 }
 
+.sv-popup--dropdown {
+  .sv-list__filter {
+    margin-bottom: calcSize(1);
+  }
+
+  .sv-popup__shadow {
+    box-shadow: $shadow-medium;
+  }
+
+  .sv-popup__body-content {
+    background-color: $background;
+    padding: calcSize(1) 0;
+    height: 100%;
+  }
+}
+
+.sv-dropdown-popup {
+  .sv-popup__body-content {
+    padding: calcSize(0.5) 0;
+  }
+
+  .sv-list__filter {
+    margin-bottom: 0;
+  }
+}
+
+.sv-popup--modal {
+  .sv-popup__body-content {
+    box-shadow: $shadow-large;
+    background-color: $background-dim-light;
+  }
+
+  .sv-popup__body-footer {
+    padding-bottom: 2px;
+  }
+}
+
+.sv-popup--overlay {
+  .sv-popup__body-content {
+    background-color: $background-dim;
+  }
+}
+
 //styles for dropdown overlay
-.sv-dropdown-popup.sv-popup--overlay {
+.sv-popup--dropdown-overlay {
   z-index: 2001;
   padding: 0;
 
@@ -281,16 +325,16 @@ sv-popup {
 
   .sv-popup__body-footer .sv-action-bar {
     .sv-action {
-      width: auto;
+      flex: 0 0 auto;
     }
   }
 
-  .sv-popup__button {
+  .sv-popup__button.sv-popup__button {
     background-color: transparent;
     color: $primary;
     border: none;
     box-shadow: none;
-    padding: calcSize(1) calcSize(2);
+    padding: calcSize(0.5) calcSize(2);
     border-radius: calcSize(12.5);
     margin: 0;
   }
@@ -306,10 +350,10 @@ sv-popup {
   }
 
   .sv-popup__body-footer {
-    background-color: $background-dim-light;
+    background-color: $background-dim;
     margin-top: 0;
-    padding-top: calcSize(0.5);
-    padding-bottom: calcSize(0.5);
+    padding-top: calcSize(1);
+    padding-bottom: calcSize(1);
     border-top: 1px solid $border-light;
   }
 
@@ -318,8 +362,8 @@ sv-popup {
   }
 
   .sv-list__filter-icon .sv-svg-icon {
-    width: calcSize(2);
-    height: calcSize(2);
+    width: calcSize(3);
+    height: calcSize(3);
   }
 
   .sv-list__container {
@@ -328,19 +372,19 @@ sv-popup {
 
   .sv-list {
     flex-grow: 1;
-    padding: calcSize(0.5);
+    padding: calcSize(1) 0;
   }
 
   .sv-list__filter {
     display: flex;
     align-items: center;
-    padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);
+    margin-bottom: 0;
+    padding: calcSize(1.5) calcSize(1) calcSize(1.5) calcSize(2);
   }
 
   .sv-list__filter-icon {
     position: static;
-    top: calcSize(1.5);
-    height: calcSize(2);
+    height: calcSize(3);
   }
 
   .sv-list__empty-container {
@@ -382,7 +426,7 @@ sv-popup {
     font-size: calcFontSize(1);
     line-height: calcLineHeight(1.5);
     font-family: $font-family;
-    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);
+    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(2);
   }
 
   .sv-list__item:hover,
@@ -400,9 +444,46 @@ sv-popup {
       }
     }
   }
+
+  .sv-popup__body-footer .sv-action-bar {
+    justify-content: flex-start;
+  }
+}
+
+.sv-dropdown-popup.sv-popup--dropdown-overlay {
+  .sv-list__filter {
+    padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);
+  }
+
+  .sv-list {
+    padding: calcSize(0.5);
+  }
+
+  .sv-popup__button.sv-popup__button {
+    padding: calcSize(1) calcSize(2.5);
+  }
+
+  .sv-popup__body-footer {
+    padding-top: calcSize(0.5);
+    padding-bottom: calcSize(0.5);
+    background-color: $background-dim-light;
+  }
+
+  .sv-list__filter-icon .sv-svg-icon {
+    width: calcSize(2);
+    height: calcSize(2);
+  }
+
+  .sv-list__filter-icon {
+    height: calcSize(2);
+  }
+
+  .sv-list__input {
+    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);
+  }
 }
 
-.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list {
+.sv-popup--dropdown-overlay.sv-multi-select-list {
 
   .sv-list__item:hover,
   .sv-list__item:focus,
@@ -418,7 +499,7 @@ sv-popup {
 }
 
 
-.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet {
+.sv-popup--dropdown-overlay.sv-popup--tablet {
   .sv-popup__body-content {
     --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);
     --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);
@@ -427,7 +508,7 @@ sv-popup {
     left: 50%;
     top: 50%;
     max-height: var(--sv-popup-overlay-max-height);
-    min-height: min(var(--sv-popup-overlay-max-height), calcSize(31));
+    min-height: min(var(--sv-popup-overlay-max-height), calcSize(30));
     height: auto;
     width: auto;
     min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));
diff --git a/src/defaultV2-theme/blocks/sd-dropdown.scss b/src/defaultV2-theme/blocks/sd-dropdown.scss
index 7e86b00c2f..a4739e9e0b 100644
--- a/src/defaultV2-theme/blocks/sd-dropdown.scss
+++ b/src/defaultV2-theme/blocks/sd-dropdown.scss
@@ -36,6 +36,7 @@
   font-family: var(--font-family, $font-family);
   font-size: calcFontSize(1);
 }
+
 .sd-dropdown input[readonly] {
   pointer-events: none;
 }
@@ -51,7 +52,7 @@
   font-weight: $font-editorfont-weight;
   color: $font-editorfont-color;
   font-size: $font-editorfont-size;
-  
+
   position: relative;
 }
 
@@ -61,7 +62,7 @@
   align-items: center;
   padding: 0 calcSize(1);
   margin: auto 0;
-  }
+}
 
 .sd-dropdown_chevron-button {
   position: absolute;
@@ -79,7 +80,7 @@
 .sd-dropdown_clean-button-svg {
   width: multiply(1.5, $font-editorfont-size);
   height: multiply(1.5, $font-editorfont-size);
-  }
+}
 
 .sd-input.sd-dropdown:focus-within {
   box-shadow: 0 0 0 2px $primary;
@@ -131,7 +132,7 @@
 
 .sd-dropdown__hint-prefix {
   color: $font-editorfont-placeholdercolor;
-  
+
   span {
     white-space: pre;
   }
@@ -151,7 +152,8 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.sv-popup.sv-popup--dropdown.sv-popup--dropdown {
+
+.sv-dropdown-popup {
   .sd-list__item-body {
     line-height: multiply(1.5, $font-editorfont-size);
     font-size: $font-editorfont-size;
diff --git a/src/defaultV2-theme/blocks/sd-list.scss b/src/defaultV2-theme/blocks/sd-list.scss
index 9ee577a065..e9a9ddbd64 100644
--- a/src/defaultV2-theme/blocks/sd-list.scss
+++ b/src/defaultV2-theme/blocks/sd-list.scss
@@ -3,15 +3,15 @@
   padding-left: calcSize(0.5);
 }
 
-.sd-list__item.sd-list__item {
+.sd-list__item {
   padding: 0;
+}
 
-  .sd-list__item-body {
-    padding-block: calcSize(1.5);
-    border-radius: calcCornerRadius(1);
-    font-size: calcFontSize(1);
-    line-height: calcLineHeight(1.5);
-  }
+.sd-list__item-body {
+  padding-block: calcSize(1.5);
+  border-radius: calcCornerRadius(1);
+  font-size: calcFontSize(1);
+  line-height: calcLineHeight(1.5);
 }
 
 .sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
diff --git a/src/defaultV2-theme/defaultV2.fontless.scss b/src/defaultV2-theme/defaultV2.fontless.scss
index 13261a0f23..47881cfb3f 100644
--- a/src/defaultV2-theme/defaultV2.fontless.scss
+++ b/src/defaultV2-theme/defaultV2.fontless.scss
@@ -184,33 +184,4 @@ body {
       }
     }
   }
-}
-
-.sv-popup.sv-popup--dropdown.sv-popup--dropdown {
-  .sv-popup__shadow {
-    box-shadow: $shadow-medium;
-  }
-
-  .sv-popup__body-content {
-    background-color: $background;
-    padding: calcSize(1) 0;
-    height: 100%;
-  }
-}
-
-.sv-popup.sv-popup--modal {
-  .sv-popup__body-content {
-    box-shadow: $shadow-large;
-    background-color: $background-dim-light;
-  }
-
-  .sv-popup__body-footer {
-    padding-bottom: 2px;
-  }
-}
-
-.sv-popup.sv-popup--overlay {
-  .sv-popup__body-content {
-    background-color: $background-dim;
-  }
 }
\ No newline at end of file
diff --git a/src/popup-dropdown-view-model.ts b/src/popup-dropdown-view-model.ts
index 39059e4825..4afd09292e 100644
--- a/src/popup-dropdown-view-model.ts
+++ b/src/popup-dropdown-view-model.ts
@@ -145,10 +145,10 @@ export class PopupDropdownViewModel extends PopupBaseViewModel {
     }
     return actualHorizontalPosition;
   }
-
   protected getStyleClass(): CssClassBuilder {
     return super.getStyleClass()
       .append("sv-popup--dropdown", !this.isOverlay)
+      .append("sv-popup--dropdown-overlay", this.isOverlay && this.model.overlayDisplayMode !== "overlay")
       .append("sv-popup--tablet", this.isTablet && this.isOverlay)
       .append("sv-popup--show-pointer", !this.isOverlay && this.showHeader)
       .append(`sv-popup--${this.popupDirection}`, !this.isOverlay && this.showHeader);
diff --git a/src/popup.ts b/src/popup.ts
index 68fccb74c5..1102f33d1b 100644
--- a/src/popup.ts
+++ b/src/popup.ts
@@ -45,6 +45,7 @@ export class PopupModel<T = any> extends Base {
   @property({ defaultValue: () => { } }) onShow: () => void;
   @property({ defaultValue: "" }) cssClass: string;
   @property({ defaultValue: "" }) title: string;
+  @property({ defaultValue: "auto" }) overlayDisplayMode: "auto" | "overlay" | "dropdown-overlay";
   @property({ defaultValue: "popup" }) displayMode: "popup" | "overlay";
   @property({ defaultValue: "flex" }) positionMode: PositionMode;
 
diff --git a/src/surveyToc.ts b/src/surveyToc.ts
index 2044aa5742..e18bbe02f5 100644
--- a/src/surveyToc.ts
+++ b/src/surveyToc.ts
@@ -76,6 +76,7 @@ export class TOCModel {
   constructor(public survey: SurveyModel) {
     this.listModel = createTOCListModel(survey, () => { this.popupModel.isVisible = false; });
     this.popupModel = new PopupModel("sv-list", { model: this.listModel });
+    this.popupModel.overlayDisplayMode = "overlay";
     this.popupModel.displayMode = <any>new ComputedUpdater(() => this.isMobile ? "overlay" : "popup");
   }
 
diff --git a/testCafe/questions/dropdown.js b/testCafe/questions/dropdown.js
index 8b7d6cbf7b..d3eccaeb73 100644
--- a/testCafe/questions/dropdown.js
+++ b/testCafe/questions/dropdown.js
@@ -1407,25 +1407,25 @@ frameworks.forEach((framework) => {
       .wait(500)
       .expect(dropdown1.find(".sv-list__empty-container").visible).notOk()
       .expect(dropdown1.offsetTop).lt(200)
-      .expect(dropdown1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
+      .expect(dropdown1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
       .expect(dropdown1.find(".sv-list").scrollTop).eql(0)
-      .expect(dropdown1.find(".sv-list").scrollHeight).within(1200, 1300)
+      .expect(dropdown1.find(".sv-list").scrollHeight).within(1208, 1308)
       .expect(listItems.filterVisible().count).eql(26)
 
       .scrollBy(dropdown1.find(".sv-list"), 0, 1000)
       .wait(500)
       .expect(dropdown1.offsetTop).lt(200)
-      .expect(dropdown1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
-      .expect(dropdown1.find(".sv-list").scrollTop).within(550, 560)
-      .expect(dropdown1.find(".sv-list").scrollHeight).within(2400, 2500)
+      .expect(dropdown1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
+      .expect(dropdown1.find(".sv-list").scrollTop).within(546, 556)
+      .expect(dropdown1.find(".sv-list").scrollHeight).within(2408, 2508)
       .expect(listItems.filterVisible().count).eql(51)
 
       .scrollBy(dropdown1.find(".sv-list"), 0, 2300)
       .wait(500)
       .expect(dropdown1.offsetTop).lt(200)
-      .expect(dropdown1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
-      .expect(dropdown1.find(".sv-list").scrollTop).within(1700, 1800)
-      .expect(dropdown1.find(".sv-list").scrollHeight).within(2600, 2700)
+      .expect(dropdown1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
+      .expect(dropdown1.find(".sv-list").scrollTop).within(1696, 1796)
+      .expect(dropdown1.find(".sv-list").scrollHeight).within(2608, 2708)
       .expect(listItems.filterVisible().count).eql(55)
 
       .click(getListItemByText("55"))
@@ -1437,18 +1437,18 @@ frameworks.forEach((framework) => {
       .wait(500)
       .expect(dropdown2.find(".sv-list__empty-container").visible).notOk()
       .expect(dropdown2.offsetTop).eql(0)
-      .expect(dropdown2.find(".sv-popup__scrolling-content").offsetHeight).within(700, 710)
+      .expect(dropdown2.find(".sv-popup__scrolling-content").offsetHeight).within(708, 718)
       .expect(dropdown2.find(".sv-list").scrollTop).eql(0)
-      .expect(dropdown2.find(".sv-list").scrollHeight).within(1350, 1500)
+      .expect(dropdown2.find(".sv-list").scrollHeight).within(1358, 1508)
       .expect(listItems.filterVisible().count).eql(31)
 
       .scrollBy(dropdown2.find(".sv-list"), 0, 1000)
       .wait(500)
       .expect(dropdown2.find(".sv-list__empty-container").visible).notOk()
       .expect(dropdown2.offsetTop).eql(0)
-      .expect(dropdown2.find(".sv-popup__scrolling-content").offsetHeight).within(700, 710)
-      .expect(dropdown2.find(".sv-list").scrollTop).within(750, 850)
-      .expect(dropdown2.find(".sv-list").scrollHeight).within(2600, 2650)
+      .expect(dropdown2.find(".sv-popup__scrolling-content").offsetHeight).within(708, 718)
+      .expect(dropdown2.find(".sv-list").scrollTop).within(746, 846)
+      .expect(dropdown2.find(".sv-list").scrollHeight).within(2608, 2658)
       .expect(listItems.filterVisible().count).eql(55)
       .click(getListItemByText("55"))
 
@@ -1569,7 +1569,7 @@ frameworks.forEach((framework) => {
       .expect(dropdown2.visible).ok()
       .expect(listItems.filterVisible().count).eql(10)
       .expect(dropdown2.find(".sv-list__empty-container").visible).notOk()
-      .expect(dropdown2.offsetTop).within(220, 230)
+      .expect(dropdown2.offsetTop).within(228, 238)
       .expect(dropdown2.find(".sv-popup__scrolling-content").offsetHeight).within(470, 480)
 
       .pressKey("3")
diff --git a/testCafe/questions/tagbox.ts b/testCafe/questions/tagbox.ts
index a84e5f8490..608ab08144 100644
--- a/testCafe/questions/tagbox.ts
+++ b/testCafe/questions/tagbox.ts
@@ -543,25 +543,25 @@ frameworks.forEach((framework) => {
       .wait(500)
       .expect(tagbox1.find(".sv-list__empty-container").visible).notOk()
       .expect(tagbox1.offsetTop).lt(200)
-      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
+      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
       .expect(tagbox1.find(".sv-list").scrollTop).eql(0)
-      .expect(tagbox1.find(".sv-list").scrollHeight).within(1200, 1300)
+      .expect(tagbox1.find(".sv-list").scrollHeight).within(1208, 1308)
       .expect(listItems.filterVisible().count).eql(26)
 
       .scrollBy(tagbox1.find(".sv-list"), 0, 1000)
       .wait(500)
       .expect(tagbox1.offsetTop).lt(200)
-      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
-      .expect(tagbox1.find(".sv-list").scrollTop).within(550, 560)
-      .expect(tagbox1.find(".sv-list").scrollHeight).within(2400, 2500)
+      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
+      .expect(tagbox1.find(".sv-list").scrollTop).within(546, 556)
+      .expect(tagbox1.find(".sv-list").scrollHeight).within(2408, 2508)
       .expect(listItems.filterVisible().count).eql(51)
 
       .scrollBy(tagbox1.find(".sv-list"), 0, 2300)
       .wait(500)
       .expect(tagbox1.offsetTop).lt(200)
-      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
-      .expect(tagbox1.find(".sv-list").scrollTop).within(1700, 1800)
-      .expect(tagbox1.find(".sv-list").scrollHeight).within(2600, 2700)
+      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
+      .expect(tagbox1.find(".sv-list").scrollTop).within(1696, 1796)
+      .expect(tagbox1.find(".sv-list").scrollHeight).within(2608, 2708)
       .expect(listItems.filterVisible().count).eql(55)
 
       .click(getListItemByText("55"))
@@ -573,18 +573,18 @@ frameworks.forEach((framework) => {
       .wait(500)
       .expect(tagbox2.find(".sv-list__empty-container").visible).notOk()
       .expect(tagbox2.offsetTop).eql(0)
-      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(700, 710)
+      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(708, 718)
       .expect(tagbox2.find(".sv-list").scrollTop).eql(0)
-      .expect(tagbox2.find(".sv-list").scrollHeight).within(1350, 1500)
+      .expect(tagbox2.find(".sv-list").scrollHeight).within(1358, 1508)
       .expect(listItems.filterVisible().count).eql(31)
 
       .scrollBy(tagbox2.find(".sv-list"), 0, 1000)
       .wait(500)
       .expect(tagbox2.find(".sv-list__empty-container").visible).notOk()
       .expect(tagbox2.offsetTop).eql(0)
-      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(700, 710)
-      .expect(tagbox2.find(".sv-list").scrollTop).within(750, 850)
-      .expect(tagbox2.find(".sv-list").scrollHeight).within(2600, 2650)
+      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(708, 718)
+      .expect(tagbox2.find(".sv-list").scrollTop).within(746, 846)
+      .expect(tagbox2.find(".sv-list").scrollHeight).within(2608, 2658)
       .expect(listItems.filterVisible().count).eql(55)
       .click(getListItemByText("55"))
 
@@ -707,7 +707,7 @@ frameworks.forEach((framework) => {
       .expect(tagbox2.visible).ok()
       .expect(listItems.filterVisible().count).eql(10)
       .expect(tagbox2.find(".sv-list__empty-container").visible).notOk()
-      .expect(tagbox2.offsetTop).within(220, 230)
+      .expect(tagbox2.offsetTop).within(228, 238)
       .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(470, 480)
 
       .pressKey("3")
@@ -770,25 +770,25 @@ frameworks.forEach((framework) => {
       .wait(500)
       .expect(tagbox1.find(".sv-list__empty-container").visible).notOk()
       .expect(tagbox1.offsetTop).lt(200)
-      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
+      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
       .expect(tagbox1.find(".sv-list").scrollTop).eql(0)
-      .expect(tagbox1.find(".sv-list").scrollHeight).within(1200, 1300)
+      .expect(tagbox1.find(".sv-list").scrollHeight).within(1208, 1308)
       .expect(listItems.filterVisible().count).eql(26)
 
       .scrollBy(tagbox1.find(".sv-list"), 0, 1000)
       .wait(500)
       .expect(tagbox1.offsetTop).lt(200)
-      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
-      .expect(tagbox1.find(".sv-list").scrollTop).within(550, 560)
-      .expect(tagbox1.find(".sv-list").scrollHeight).within(2400, 2500)
+      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
+      .expect(tagbox1.find(".sv-list").scrollTop).within(546, 556)
+      .expect(tagbox1.find(".sv-list").scrollHeight).within(2408, 2508)
       .expect(listItems.filterVisible().count).eql(51)
 
       .scrollBy(tagbox1.find(".sv-list"), 0, 2300)
       .wait(500)
       .expect(tagbox1.offsetTop).lt(200)
-      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(680, 700)
-      .expect(tagbox1.find(".sv-list").scrollTop).within(1700, 1800)
-      .expect(tagbox1.find(".sv-list").scrollHeight).within(2600, 2700)
+      .expect(tagbox1.find(".sv-popup__scrolling-content").offsetHeight).within(688, 708)
+      .expect(tagbox1.find(".sv-list").scrollTop).within(1696, 1796)
+      .expect(tagbox1.find(".sv-list").scrollHeight).within(2608, 2708)
       .expect(listItems.filterVisible().count).eql(55)
 
       .click(getListItemByText("55"))
@@ -801,18 +801,18 @@ frameworks.forEach((framework) => {
       .wait(500)
       .expect(tagbox2.find(".sv-list__empty-container").visible).notOk()
       .expect(tagbox2.offsetTop).eql(0)
-      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(700, 710)
+      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(708, 718)
       .expect(tagbox2.find(".sv-list").scrollTop).eql(0)
-      .expect(tagbox2.find(".sv-list").scrollHeight).within(1350, 1500)
+      .expect(tagbox2.find(".sv-list").scrollHeight).within(1358, 1508)
       .expect(listItems.filterVisible().count).eql(31)
 
       .scrollBy(tagbox2.find(".sv-list"), 0, 1000)
       .wait(500)
       .expect(tagbox2.find(".sv-list__empty-container").visible).notOk()
       .expect(tagbox2.offsetTop).eql(0)
-      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(700, 710)
-      .expect(tagbox2.find(".sv-list").scrollTop).within(750, 850)
-      .expect(tagbox2.find(".sv-list").scrollHeight).within(2600, 2650)
+      .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(708, 718)
+      .expect(tagbox2.find(".sv-list").scrollTop).within(746, 846)
+      .expect(tagbox2.find(".sv-list").scrollHeight).within(2608, 2658)
       .expect(listItems.filterVisible().count).eql(55)
       .click(getListItemByText("55"))
 
@@ -936,7 +936,7 @@ frameworks.forEach((framework) => {
       .expect(tagbox2.visible).ok()
       .expect(listItems.filterVisible().count).eql(10)
       .expect(tagbox2.find(".sv-list__empty-container").visible).notOk()
-      .expect(tagbox2.offsetTop).within(215, 225)
+      .expect(tagbox2.offsetTop).within(222, 232)
       .expect(tagbox2.find(".sv-popup__scrolling-content").offsetHeight).within(470, 480)
 
       .pressKey("3")
diff --git a/tests/components/popuptests.ts b/tests/components/popuptests.ts
index 0371dccecc..81eb3f2ea2 100644
--- a/tests/components/popuptests.ts
+++ b/tests/components/popuptests.ts
@@ -1084,7 +1084,7 @@ QUnit.test("PopupModel dropdown displayMode", (assert) => {
   assert.equal(viewModel.showFooter, false);
   assert.equal(viewModel.styleClass, "sv-popup--dropdown sv-popup--show-pointer sv-popup--left");
   model.displayMode = "overlay";
-  assert.equal(viewModel.styleClass, "sv-popup--overlay");
+  assert.equal(viewModel.styleClass, "sv-popup--overlay sv-popup--dropdown-overlay");
 
   viewModel.dispose();
   targetElement.remove();
@@ -1488,7 +1488,7 @@ QUnit.test("PopupViewModel updateOnHiding displayMode = overlay", (assert) => {
   popupContainer.style.height = "400px";
 
   model.displayMode = "overlay";
-  assert.equal(viewModel.styleClass, "sv-popup--overlay");
+  assert.equal(viewModel.styleClass, "sv-popup--overlay sv-popup--dropdown-overlay");
 
   assert.equal(viewModel.isVisible, false);
   assert.equal(viewModel.top, "0px");
diff --git a/tests/markup/snapshots/dropdown-select-mobile.snap.html b/tests/markup/snapshots/dropdown-select-mobile.snap.html
index 74c0eeb431..d26026d647 100644
--- a/tests/markup/snapshots/dropdown-select-mobile.snap.html
+++ b/tests/markup/snapshots/dropdown-select-mobile.snap.html
@@ -6,7 +6,7 @@
 			</div>
 		</div>
 		<div>
-			<div class="sv-dropdown-popup sv-popup sv-popup--overlay sv-single-select-list" style="display:none;" tabindex="-1">
+			<div class="sv-dropdown-popup sv-popup sv-popup--dropdown-overlay sv-popup--overlay sv-single-select-list" style="display:none;" tabindex="-1">
 				<div class="sv-popup__container">
 					<div class="sv-popup__shadow">
 						<div class="sv-popup__body-content">
diff --git a/tests/markup/snapshots/tagbox-mobile.snap.html b/tests/markup/snapshots/tagbox-mobile.snap.html
index d4a6a55f16..cc1da26c41 100644
--- a/tests/markup/snapshots/tagbox-mobile.snap.html
+++ b/tests/markup/snapshots/tagbox-mobile.snap.html
@@ -17,7 +17,7 @@
 			</div>
 		</div>
 		<div>
-			<div class="sv-dropdown-popup sv-multi-select-list sv-popup sv-popup--overlay" style="display:none;" tabindex="-1">
+			<div class="sv-dropdown-popup sv-multi-select-list sv-popup sv-popup--dropdown-overlay sv-popup--overlay" style="display:none;" tabindex="-1">
 				<div class="sv-popup__container">
 					<div class="sv-popup__shadow">
 						<div class="sv-popup__body-content">
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-input-position.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-input-position.png
index 249cf23fd3..049b2e73cd 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-input-position.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-input-position.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-item-focused-state.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-item-focused-state.png
index 1085f4b9b9..7f0fe00961 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-item-focused-state.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-item-focused-state.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-empty-value.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-empty-value.png
index 6901093757..f9105fdd32 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-empty-value.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-empty-value.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-noempty-value.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-noempty-value.png
index a90a86b09d..3de1ff2398 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-noempty-value.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-noempty-value.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-overlay-popup-selected.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-overlay-popup-selected.png
index 4fa5184fba..f17d41ac0c 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-overlay-popup-selected.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-question-overlay-popup-selected.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-disabled-popup-items.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-disabled-popup-items.png
index 08f71f85f5..0f3f197f77 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-disabled-popup-items.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-disabled-popup-items.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-question-popup.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-question-popup.png
index d076a34fa1..1016fc0476 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-question-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-select-question-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/dropdown-with-markdown-popup.png b/visualRegressionTests/tests/defaultV2/etalons/dropdown-with-markdown-popup.png
index 3ef8126521..35b5c845e4 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/dropdown-with-markdown-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/dropdown-with-markdown-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-list-with-scroll-to-selected-items.png b/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-list-with-scroll-to-selected-items.png
index 6201595f03..da060d5e06 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-list-with-scroll-to-selected-items.png and b/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-list-with-scroll-to-selected-items.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-long-list.png b/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-long-list.png
index fa7f24b69c..3d65f96ab8 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-long-list.png and b/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-long-list.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-separators-long-list.png b/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-separators-long-list.png
index fc7ab943ca..e2943b7dd2 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-separators-long-list.png and b/visualRegressionTests/tests/defaultV2/etalons/popup-dropdown-separators-long-list.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-into-modal-popup.png b/visualRegressionTests/tests/defaultV2/etalons/popup-into-modal-popup.png
index bbd1ba383e..3f4b1ae6ee 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/popup-into-modal-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/popup-into-modal-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-matrix-dropdown.png b/visualRegressionTests/tests/defaultV2/etalons/question-matrix-dropdown.png
index 41ea54a63c..fad47f0cc7 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/question-matrix-dropdown.png and b/visualRegressionTests/tests/defaultV2/etalons/question-matrix-dropdown.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-theme-questiontitle-font-color-for-dropdown-list-items.png b/visualRegressionTests/tests/defaultV2/etalons/survey-theme-questiontitle-font-color-for-dropdown-list-items.png
index 9dc89e0b06..936b0d64cc 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-theme-questiontitle-font-color-for-dropdown-list-items.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-theme-questiontitle-font-color-for-dropdown-list-items.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-disabled-popup-items.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-disabled-popup-items.png
index 08f71f85f5..0f3f197f77 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-disabled-popup-items.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-disabled-popup-items.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-popup-selected-items.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-popup-selected-items.png
index 0ee87434ad..7dd7e33004 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-popup-selected-items.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-popup-selected-items.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-long-items-overlay-tablet-popup.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-long-items-overlay-tablet-popup.png
index 1e0bc57ae7..88da059f7c 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-long-items-overlay-tablet-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-long-items-overlay-tablet-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup-selected.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup-selected.png
index 8e4f38d4bb..52815365ca 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup-selected.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup-selected.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup.png
index a234560a34..799b27d077 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-big.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-big.png
index b0e4f0717e..0b58b646da 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-big.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-big.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-small.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-small.png
index edb5d0bc6b..e9c0b634ae 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-small.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup-small.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup.png b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup.png
index 1870772435..0a85579489 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/tagbox-question-overlay-tablet-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/popup.ts b/visualRegressionTests/tests/defaultV2/popup.ts
index 2443e004a0..9f23157d40 100644
--- a/visualRegressionTests/tests/defaultV2/popup.ts
+++ b/visualRegressionTests/tests/defaultV2/popup.ts
@@ -160,11 +160,11 @@ function addActionsWithOverlayPopupShortList(_, opt) {
     { title: "Overlay", showTitle: true },
     { items: items, isModal: true, displayMode: "overlay" }
   );
-
   const overlayWithTypePopupAction = window["Survey"].createDropdownActionModel(
     { title: "Overlay with title", showTitle: true },
     { items: items, displayMode: "overlay", title: "Title" }
   );
+  overlayWithTypePopupAction.popupModel.overlayDisplayMode = "overlay";
   opt.titleActions = [overlayPopupAction, overlayWithTypePopupAction];
 }
 
@@ -186,7 +186,7 @@ function addActionsWithOverlayPopupLongList(_, opt) {
     { title: "Overlay with title", showTitle: true, },
     { items: items, displayMode: "overlay", title: "Title" }
   );
-
+  overlayWithTypePopupAction.popupModel.overlayDisplayMode = "overlay";
   opt.titleActions = [overlayPopupAction, overlayWithTypePopupAction];
 }