diff --git a/src/components/Select/components/SelectInner.vue b/src/components/Select/components/SelectInner.vue
index 84350902..aca04742 100644
--- a/src/components/Select/components/SelectInner.vue
+++ b/src/components/Select/components/SelectInner.vue
@@ -128,7 +128,7 @@
       </button>
 
       <slot name="rightIcon">
-        <SbIcon class="sb-select-inner__chevron" :name="rightIconName" :data-testid="`${dataTestid}-right-icon`"/>
+        <SbIcon :class="{ 'sb-select-inner__chevron': !currentOptionLabel }" :name="rightIconName" :data-testid="`${dataTestid}-right-icon`"/>
       </slot>
     </div>
   </div>
diff --git a/src/components/Select/select.scss b/src/components/Select/select.scss
index d75f2bdc..ef2e4d64 100644
--- a/src/components/Select/select.scss
+++ b/src/components/Select/select.scss
@@ -235,6 +235,32 @@
       outline: none;
     }
   }
+
+  &__icons-single-plugin {
+    position: absolute;
+    right: $s-2;
+    top: 20px;
+    display: flex;
+
+    @include mq($from: md) {
+      opacity: 0;
+    }
+
+    &--visible,
+    &:hover,
+    &:focus {
+      background: $white;
+      border-radius: $base-border-radius;
+      opacity: 1;
+    }
+
+    &.sb-select-inner__chevron-dropdown {
+      padding: 6px;
+      color: $black;
+      border-radius: 0 $base-border-radius $base-border-radius 0;
+      cursor: pointer;
+    }
+  }
 }
 
 .sb-select-inner--error:hover,