diff --git a/package.json b/package.json
index 27928c21f85a4fb88fdd44001ad47f18141a9b92..d6740faba739cf1b98c43fb155fc78963cc73402 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@d.malygin/UI_storybook",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/common/interfaces/componentsProps.ts b/src/common/interfaces/componentsProps.ts
index 2c4417f41e29b81485300b9447bc380d71d86c26..4b0fc5e27d343c7d8e9880aacbbb8d1459ed8ea6 100644
--- a/src/common/interfaces/componentsProps.ts
+++ b/src/common/interfaces/componentsProps.ts
@@ -213,6 +213,7 @@ export interface ISelectProps {
   width?: string;
   listHeight?: string;
   placeholder?: string;
+  color?: TThemeColor;
   openIcon?: TIcon;
   size?: TSize;
   fontSize?: string;
diff --git a/src/components/Select/Select.stories.ts b/src/components/Select/Select.stories.ts
index 8e2ba8df52b86930a70df03c20b7069c5b5c0e80..c1055d687e548580916d552bb9054ae9693c609c 100644
--- a/src/components/Select/Select.stories.ts
+++ b/src/components/Select/Select.stories.ts
@@ -16,6 +16,7 @@ const meta: Meta = {
   },
   argTypes: {
     width: { control: 'text' },
+    listHeight: { control: 'text' },
     filtered: { control: 'boolean' },
     disabled: { control: 'boolean' },
     noHighlight: { control: 'boolean' },
@@ -47,6 +48,26 @@ const meta: Meta = {
         'black',
       ],
     },
+    color: {
+      control: 'select',
+      options: [
+        'white',
+        'blue',
+        'sky',
+        'cyan',
+        'teal',
+        'green',
+        'yellow',
+        'orange',
+        'pink',
+        'fuchsia',
+        'purple',
+        'indigo',
+        'rose',
+        'red',
+        'black',
+      ],
+    },
     openIconColor: {
       control: 'select',
       options: [
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index ec2fdd8887edce4126f8d122fddecb8039853d69..a9e8b686e869610eb7ca631b2e45360353df6bac 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -55,7 +55,11 @@ const selectedTextWidth = computed(() => {
 });
 const fontSizeNumber = computed(() => fontSize.value.slice(0, -2));
 const textColor = computed(() =>
-  props.disabled ? '#62708c' : convertThemeToTextColor(props.theme, props.darknessTheme ?? '700'),
+  props.disabled
+    ? '#62708c'
+    : props.color
+      ? convertThemeToColor(props.color, props.darknessTheme ?? '700')
+      : convertThemeToTextColor(props.theme, props.darknessTheme ?? '700'),
 );
 const borderColor = computed(() => (props.noBorder ? 'transparent' : textColor.value));
 const backgroundColor = computed(() =>
@@ -137,7 +141,7 @@ document.querySelector('body')!.addEventListener('pointerup', (e: MouseEvent) =>
           },
         ]"
       >
-        <div :style="`overflow: auto; height: ${listHeight ?? 'auto'}`">
+        <div :style="`overflow: auto; max-height: ${listHeight ?? 'auto'}`">
           <div class="flex filter" v-if="filtered" @click="isOpen = true">
             <input v-model="filter" type="text" /><SearchIcon :size="fontSizeNumber" color="#62708c" />
           </div>
diff --git a/src/components/Table/Table.stories.ts b/src/components/Table/Table.stories.ts
index f87a930819bfa3b5d6536ea06f775ad681dc24ac..7bbe5fbc8d7a175eb72505ca1ca2b44bf3659646 100644
--- a/src/components/Table/Table.stories.ts
+++ b/src/components/Table/Table.stories.ts
@@ -167,11 +167,13 @@ export const Full: Story = {
       ['Ксюша', '32', 'Frontend', 'Russia', false, 'Married', 0, 30, 2],
       ['Ксюша', '32', 'Backend', 'Russia', false, 'Married', 0, 30, 2],
     ],
+
     noEditingSettings: {
       columns: [2],
       rows: [3],
       cells: [[0, 6]],
     },
+
     fontSize: '24px',
     showAllLines: true,
     border: 'fuchsia',
@@ -181,5 +183,10 @@ export const Full: Story = {
     center: true,
     size: 'large',
     editable: true,
+    paginator: true,
+
+    paginatorOptions: {
+      itemsPerPageOptions: [5, 10, 20, 40],
+    },
   },
 };
diff --git a/src/components/Tag/Tag.vue b/src/components/Tag/Tag.vue
index c6bc653f2e4c1c4b1a94fa5708a9ff455825195a..3518799f04eed51ae35d1cd2629c0ef703c3b9dc 100644
--- a/src/components/Tag/Tag.vue
+++ b/src/components/Tag/Tag.vue
@@ -27,15 +27,17 @@ const padding = computed(() => getValueFromSize(props.size, ['3px 7px', '5px 11p
 </script>
 
 <template>
-  <div
-    class="container"
-    :style="`border-radius: ${rounded ? fontSize : `calc(${fontSize} / 2)`}; gap: calc(${fontSize} / 2.5); border: ${['normal', 'small'].includes(size) ? '1px' : '2px'} solid ${borderColor}`"
-  >
-    <slot name="icon-left"></slot>
-    <component v-show="iconLeft" :is="iconsSet[iconLeft ?? 0]" :color="textColor" :size="fontSize.slice(0, -2)" />
-    <span class="text">{{ value }}</span>
-    <component v-show="iconRight" :is="iconsSet[iconRight ?? 0]" :color="textColor" :size="fontSize.slice(0, -2)" />
-    <slot name="icon-right"></slot>
+  <div>
+    <section
+      class="container"
+      :style="`border-radius: ${rounded ? fontSize : `calc(${fontSize} / 2)`}; gap: calc(${fontSize} / 2.5); border: ${['normal', 'small'].includes(size) ? '1px' : '2px'} solid ${borderColor}`"
+    >
+      <slot name="icon-left"></slot>
+      <component v-show="iconLeft" :is="iconsSet[iconLeft ?? 0]" :color="textColor" :size="fontSize.slice(0, -2)" />
+      <span class="text">{{ value }}</span>
+      <component v-show="iconRight" :is="iconsSet[iconRight ?? 0]" :color="textColor" :size="fontSize.slice(0, -2)" />
+      <slot name="icon-right"></slot>
+    </section>
   </div>
 </template>