diff --git a/src/actions/adaptive-container.ts b/src/actions/adaptive-container.ts
index fbe020b1a1..6391c8cc8f 100644
--- a/src/actions/adaptive-container.ts
+++ b/src/actions/adaptive-container.ts
@@ -11,22 +11,30 @@ export class AdaptiveActionContainer<T extends Action = Action> extends ActionCo
   public isResponsivenessDisabled = false;
 
   private hideItemsGreaterN(visibleItemsCount: number) {
-    const actionsToHide = this.visibleActions.filter(action => !action.disableHide);
+    const actionsToHide = this.getActionsToHide();
     visibleItemsCount = Math.max(visibleItemsCount, this.minVisibleItemsCount - (this.visibleActions.length - actionsToHide.length));
     const hiddenItems: IAction[] = [];
     actionsToHide.forEach((item) => {
       if (visibleItemsCount <= 0) {
-        item.mode = "popup";
-        hiddenItems.push(item.innerItem);
+        if(item.removePriority) {
+          item.mode = "removed";
+        } else {
+          item.mode = "popup";
+          hiddenItems.push(item.innerItem);
+        }
       }
       visibleItemsCount--;
     });
     this.hiddenItemsListModel.setItems(hiddenItems);
   }
 
+  private getActionsToHide() {
+    return this.visibleActions.filter(action => !action.disableHide).sort((a, b) => a.removePriority || 0 - b.removePriority || 0);
+  }
+
   private getVisibleItemsCount(availableSize: number): number {
     this.visibleActions.filter((action) => action.disableHide).forEach(action => availableSize -= action.minDimension);
-    const itemsSizes: number[] = this.visibleActions.filter(action => !action.disableHide).map((item) => item.minDimension);
+    const itemsSizes: number[] = this.getActionsToHide().map((item) => item.minDimension);
     let currSize: number = 0;
     for (var i = 0; i < itemsSizes.length; i++) {
       currSize += itemsSizes[i];
@@ -127,7 +135,7 @@ export class AdaptiveActionContainer<T extends Action = Action> extends ActionCo
     } else if (dimension < minSize) {
       this.setActionsMode("small");
       this.hideItemsGreaterN(this.getVisibleItemsCount(dimension - dotsItemSize));
-      this.dotsItem.visible = true;
+      this.dotsItem.visible = !!this.hiddenItemsListModel.actions.length;
     } else {
       this.updateItemMode(dimension, maxSize);
     }
@@ -145,7 +153,10 @@ export class AdaptiveActionContainer<T extends Action = Action> extends ActionCo
     }
   }
   public setActionsMode(mode: actionModeType) {
-    this.actions.forEach((action) => (action.mode = mode));
+    this.actions.forEach((action) => {
+      if(mode == "small" && action.disableShrink) return;
+      action.mode = mode;
+    });
   }
   public dispose(): void {
     super.dispose();
diff --git a/src/actions/container.ts b/src/actions/container.ts
index 4ee745a112..bb7b5c5a69 100644
--- a/src/actions/container.ts
+++ b/src/actions/container.ts
@@ -10,6 +10,7 @@ export let defaultActionBarCss = {
   defaultSizeMode: "sv-action-bar--default-size-mode",
   smallSizeMode: "sv-action-bar--small-size-mode",
   item: "sv-action-bar-item",
+  itemAsIcon: "sv-action-bar-item--icon",
   itemActive: "sv-action-bar-item--active",
   itemPressed: "sv-action-bar-item--pressed",
   itemIcon: "sv-action-bar-item__icon",
diff --git a/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html b/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html
index 46b172af75..e426bad097 100644
--- a/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html
@@ -30,7 +30,7 @@
 			<div class="sv-action-bar sv-action-bar--default-size-mode">
 				<div class="sv-action" id="prevPage">
 					<div class="sv-action__content">
-						<button class="sv-action-bar-item" role="button" tabindex="0" type="button">
+						<button class="sv-action-bar-item sv-action-bar-item--icon" role="button" tabindex="0" type="button">
 							<svg class="sv-action-bar-item__icon sv-svg-icon" role="img" style="height:16px; width:16px;">
 								<use xlink:href="#icon-arrowleft" class="">
 								</use>
@@ -47,7 +47,7 @@
 				</div>
 				<div class="sv-action" id="nextPage">
 					<div class="sv-action__content">
-						<button class="sv-action-bar-item" role="button" tabindex="0" type="button">
+						<button class="sv-action-bar-item sv-action-bar-item--icon" role="button" tabindex="0" type="button">
 							<svg class="sv-action-bar-item__icon sv-svg-icon" role="img" style="height:16px; width:16px;">
 								<use xlink:href="#icon-arrowright" class="">
 								</use>
diff --git a/tests/markup/snapshots/file-mob2-zip-png.snap.html b/tests/markup/snapshots/file-mob2-zip-png.snap.html
index d35dc02d1d..40c11a9389 100644
--- a/tests/markup/snapshots/file-mob2-zip-png.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip-png.snap.html
@@ -62,7 +62,7 @@
 			<div class="sv-action-bar sv-action-bar--default-size-mode">
 				<div class="sv-action" id="prevPage">
 					<div class="sv-action__content">
-						<button class="sv-action-bar-item" role="button" tabindex="0" type="button">
+						<button class="sv-action-bar-item sv-action-bar-item--icon" role="button" tabindex="0" type="button">
 							<svg class="sv-action-bar-item__icon sv-svg-icon" role="img" style="height:16px; width:16px;">
 								<use xlink:href="#icon-arrowleft" class="">
 								</use>
@@ -79,7 +79,7 @@
 				</div>
 				<div class="sv-action" id="nextPage">
 					<div class="sv-action__content">
-						<button class="sv-action-bar-item" role="button" tabindex="0" type="button">
+						<button class="sv-action-bar-item sv-action-bar-item--icon" role="button" tabindex="0" type="button">
 							<svg class="sv-action-bar-item__icon sv-svg-icon" role="img" style="height:16px; width:16px;">
 								<use xlink:href="#icon-arrowright" class="">
 								</use>
diff --git a/tests/markup/snapshots/paneldynamic-no-footer-1.snap.html b/tests/markup/snapshots/paneldynamic-no-footer-1.snap.html
index 151243a1a5..ace02798b5 100644
--- a/tests/markup/snapshots/paneldynamic-no-footer-1.snap.html
+++ b/tests/markup/snapshots/paneldynamic-no-footer-1.snap.html
@@ -26,7 +26,7 @@
 								</div>
 								<div class="sv-action sv-action--hidden sv-dots">
 									<div class="sv-action__content">
-										<button class="sv-action-bar-item sv-dots__item" role="button" tabindex="0" title="More" type="button">
+										<button class="sv-action-bar-item sv-action-bar-item--icon sv-dots__item" role="button" tabindex="0" title="More" type="button">
 											<svg aria-label="More" class="sv-action-bar-item__icon sv-svg-icon" role="img" style="height:24px; width:24px;">
 												<use xlink:href="#icon-more" class="">
 												</use>
diff --git a/tests/markup/snapshots/paneldynamic-no-footer-2.snap.html b/tests/markup/snapshots/paneldynamic-no-footer-2.snap.html
index 151243a1a5..ace02798b5 100644
--- a/tests/markup/snapshots/paneldynamic-no-footer-2.snap.html
+++ b/tests/markup/snapshots/paneldynamic-no-footer-2.snap.html
@@ -26,7 +26,7 @@
 								</div>
 								<div class="sv-action sv-action--hidden sv-dots">
 									<div class="sv-action__content">
-										<button class="sv-action-bar-item sv-dots__item" role="button" tabindex="0" title="More" type="button">
+										<button class="sv-action-bar-item sv-action-bar-item--icon sv-dots__item" role="button" tabindex="0" title="More" type="button">
 											<svg aria-label="More" class="sv-action-bar-item__icon sv-svg-icon" role="img" style="height:24px; width:24px;">
 												<use xlink:href="#icon-more" class="">
 												</use>
diff --git a/tests/responsivityTests.ts b/tests/responsivityTests.ts
index c1281f9023..c30f2520f2 100644
--- a/tests/responsivityTests.ts
+++ b/tests/responsivityTests.ts
@@ -173,6 +173,55 @@ QUnit.test("Fit items - hide if needed", function (assert) {
   assert.equal(model.visibleActions[2].isVisible, true, "70 - visible 3");
 });
 
+QUnit.test("Fit items - hide items with priority", function (assert) {
+  const itemSmallWidth = 15;
+  const itemLargeWidth = 50;
+  const dotsItemSize = 10;
+  const model: AdaptiveActionContainer = new AdaptiveActionContainer();
+
+  const item1 = new Action(<any>{});
+  item1.minDimension = itemSmallWidth;
+  item1.maxDimension = itemLargeWidth;
+  item1.title = "a";
+  model.actions.push(item1);
+  const item2 = new Action(<any>{});
+  item2.minDimension = itemLargeWidth;
+  item2.disableShrink = true;
+  item2.maxDimension = itemLargeWidth;
+  item2.title = "b";
+  item2.removePriority = 1;
+  model.actions.push(item2);
+  const item3 = new Action(<any>{});
+  item3.minDimension = itemSmallWidth;
+  item3.maxDimension = itemLargeWidth;
+  item3.title = "c";
+  model.actions.push(item3);
+
+  assert.equal(model.actions.length, 3);
+  assert.equal(model.visibleActions.length, 3);
+
+  model.fit(300, dotsItemSize);
+  assert.equal(model.visibleActions.length, 3, "dimension 300");
+  assert.equal(model.visibleActions[0].isVisible, true, "300 - visible 1");
+  assert.equal(model.visibleActions[1].isVisible, true, "300 - visible 2");
+  assert.equal(model.visibleActions[2].isVisible, true, "300 - visible 3");
+  assert.equal(model.renderedActions[3].isVisible, false, "300 - dots hidden");
+
+  model.fit(78, dotsItemSize);
+  assert.equal(model.visibleActions.length, 3, "dimension 78");
+  assert.equal(model.visibleActions[0].isVisible, true, "78 - visible 1");
+  assert.equal(model.visibleActions[1].isVisible, false, "78 - invisible 2");
+  assert.equal(model.visibleActions[2].isVisible, true, "78 - visible 3");
+  assert.equal(model.renderedActions[3].isVisible, false, "78 - dots hidden");
+
+  model.fit(29, dotsItemSize);
+  assert.equal(model.visibleActions.length, 3, "dimension 29");
+  assert.equal(model.visibleActions[0].isVisible, true, "29 - visible 1");
+  assert.equal(model.visibleActions[1].isVisible, false, "29 - invisible 2");
+  assert.equal(model.visibleActions[2].isVisible, false, "29 - visible 3");
+  assert.equal(model.dotsItem.isVisible, true, "29 - dots visible");
+});
+
 QUnit.test("getAvailableSpace with content-box test", function (assert) {
   const itemSmallWidth = 48;
   const container: SimpleContainer = new SimpleContainer({