diff --git a/src/components/Select/Select.stories.ts b/src/components/Select/Select.stories.ts
index 01d43368102dcafa27d090088008b9eecc503f41..7d2cea1ce90183f2c8d68d80397205d9b4ff77c5 100644
--- a/src/components/Select/Select.stories.ts
+++ b/src/components/Select/Select.stories.ts
@@ -18,6 +18,7 @@ const meta: Meta = {
     width: { control: 'text' },
     filtered: { control: 'boolean' },
     disabled: { control: 'boolean' },
+    noHighlight: { control: 'boolean' },
     placeholder: { control: 'text' },
     name: { control: 'text' },
     openIcon: { control: 'select', options: Object.keys(iconsSet) },
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index 45fdd28e214732eb77f78645648d254bcf94207d..21428127f4026ff0519b3947119253806d8aadd5 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -49,6 +49,10 @@ const pickOption = (value: string) => {
 };
 const calcOptionColor = (color: TThemeColor | undefined, darknessColor: string | undefined, defaultColor: string) =>
   color ? convertThemeToColor(color, darknessColor ?? '500') : defaultColor;
+
+document.querySelector('body').addEventListener('pointerup', (e: MouseEvent) => {
+  if (isOpen.value && e.button === 0) isOpen.value = false;
+});
 </script>
 
 <template>
@@ -59,9 +63,17 @@ const calcOptionColor = (color: TThemeColor | undefined, darknessColor: string |
         {{ option.label ?? option.value }}
       </option>
     </select>
-    <div class="list" :style="`background-color: ${backgroundColor}`">
+    <div
+      :class="[
+        'list',
+        {
+          noHighlight,
+        },
+      ]"
+      :style="`background-color: ${backgroundColor}`"
+    >
       <button
-        @click.prevent="!disabled ? (isOpen = !isOpen) : ''"
+        @click="!disabled ? (isOpen = !isOpen) : ''"
         :class="[
           'button',
           {
@@ -257,4 +269,7 @@ const calcOptionColor = (color: TThemeColor | undefined, darknessColor: string |
   background-color: #e1e7f1 !important;
   border-radius: 4px;
 }
+.noHighlight * {
+  user-select: none;
+}
 </style>