diff --git a/src/shared/index.ts b/src/shared/index.ts
index 7a5bd97..ea5eac2 100644
--- a/src/shared/index.ts
+++ b/src/shared/index.ts
@@ -11,7 +11,7 @@ export { FileUpload } from './ui/FileUpload/FileUpload';
 export { Flex } from './ui/Flex';
 export { Icon } from './ui/Icon';
 export { IconButton } from './ui/IconButton';
-export { Input } from './ui/Input/Input';
+export { Input } from './ui/Input';
 export { ImageGallery } from './ui/ImageGallery';
 export { Modal } from './ui/Modal';
 export { MediaUpload } from './ui/MediaUpload';
diff --git a/src/shared/ui/Select/SelectButton.tsx b/src/shared/ui/Select/SelectButton.tsx
index 18b6b23..9a41069 100644
--- a/src/shared/ui/Select/SelectButton.tsx
+++ b/src/shared/ui/Select/SelectButton.tsx
@@ -21,32 +21,46 @@ type Props = {
    * The size of the button.
    */
   size?: 'md' | 'lg';
+  /**
+   * Custom class name for styling.
+   */
+  className?: string;
 };
 
 const sizeVariants = {
-  md: 'px-3 py-1 text-sm min-w-24',
-  lg: 'px-4 py-3.5 min-w-64 text-lg',
+  md: 'px-3 py-1 text-sm min-w-24 rounded-lg',
+  lg: 'px-4 py-3.5 min-w-64 min-h-[52px] rounded-xl',
 } as const;
 
-export function SelectButton({ selected, onClick, isOpen, size = 'lg' }: Props) {
+export function SelectButton({
+  selected,
+  onClick,
+  isOpen,
+  size = 'lg',
+  className,
+  ...props
+}: Props) {
   return (
     <Flex
       alignItems="center"
       onClick={onClick}
       className={cn(
         sizeVariants[size],
-        'w-full rounded-lg border border-gray-200 bg-white font-semibold text-gray-400'
+        'w-full border border-gray-200 bg-white font-semibold text-gray-400',
+        className
       )}
+      {...props}
     >
       <button
         type="button"
         className={cn(
-          'flex w-full cursor-pointer items-center justify-between rounded-lg align-middle',
+          'flex w-full cursor-pointer items-center justify-between rounded-xl align-middle leading-none',
           isOpen && 'hover:rounded-b-none'
         )}
       >
         {selected}
         <Icon
+          size={20}
           name="arrowDown"
           className={cn(
             'transform transition-transform duration-300',
diff --git a/src/shared/ui/assets/drag.svg b/src/shared/ui/assets/drag.svg
new file mode 100644
index 0000000..ca31dc2
--- /dev/null
+++ b/src/shared/ui/assets/drag.svg
@@ -0,0 +1,4 @@
+<svg   width="current" 
+  height="current"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.03696 0.251818C3.95734 0.171995 3.86275 0.108665 3.75862 0.0654536C3.65449 0.0222425 3.54285 0 3.43011 0C3.31736 0 3.20573 0.0222425 3.10159 0.0654536C2.99746 0.108665 2.90287 0.171995 2.82325 0.251818L0.25182 2.82325C0.131636 2.94313 0.0497545 3.09599 0.0165543 3.26246C-0.0166459 3.42893 0.000330812 3.60151 0.0653323 3.75833C0.130334 3.91514 0.240433 4.04912 0.381671 4.14328C0.52291 4.23744 0.688927 4.28755 0.858677 4.28725H2.14439V7.71582H0.858677C0.688927 7.71551 0.52291 7.76562 0.381671 7.85978C0.240433 7.95395 0.130334 8.08793 0.0653323 8.24474C0.000330812 8.40155 -0.0166459 8.57413 0.0165543 8.7406C0.0497545 8.90707 0.131636 9.05994 0.25182 9.17982L2.82325 11.7512C2.90287 11.8311 2.99746 11.8944 3.10159 11.9376C3.20573 11.9808 3.31736 12.0031 3.43011 12.0031C3.54285 12.0031 3.65449 11.9808 3.75862 11.9376C3.86275 11.8944 3.95734 11.8311 4.03696 11.7512L6.60839 9.17982C6.72857 9.05994 6.81046 8.90707 6.84366 8.7406C6.87686 8.57413 6.85988 8.40155 6.79488 8.24474C6.72988 8.08793 6.61978 7.95395 6.47854 7.85978C6.3373 7.76562 6.17128 7.71551 6.00153 7.71582H4.71582V4.28725H6.00153C6.17128 4.28755 6.3373 4.23744 6.47854 4.14328C6.61978 4.04912 6.72988 3.91514 6.79488 3.75833C6.85988 3.60151 6.87686 3.42893 6.84366 3.26246C6.81046 3.09599 6.72857 2.94313 6.60839 2.82325L4.03696 0.251818ZM10.1912 16.6232V6.44553C10.1912 5.87266 10.4188 5.32326 10.8239 4.91818C11.229 4.5131 11.7784 4.28553 12.3512 4.28553C12.9241 4.28553 13.4735 4.5131 13.8786 4.91818C14.2837 5.32326 14.5112 5.87266 14.5112 6.44553V14.2918H18.7335C19.3129 14.2918 19.8866 14.406 20.4219 14.6277C20.9572 14.8495 21.4435 15.1746 21.8531 15.5843C22.2627 15.9941 22.5876 16.4806 22.8091 17.0159C23.0307 17.5512 23.1446 18.125 23.1444 18.7044V22.2872C23.1444 22.7419 22.9638 23.1779 22.6423 23.4994C22.3208 23.8209 21.8848 24.0015 21.4301 24.0015H10.1038C9.82583 24.0016 9.55199 23.9341 9.3059 23.8048C9.05982 23.6755 8.84887 23.4882 8.69125 23.2592L7.38153 21.3564C7.10314 20.9532 6.92994 20.4868 6.87766 19.9996C6.82539 19.5124 6.89571 19.0199 7.08223 18.5668C7.26874 18.1137 7.56554 17.7144 7.94565 17.4052C8.32575 17.096 8.7771 16.8868 9.25868 16.7964L10.1912 16.6232Z" fill="currentColor"/>
+</svg>
diff --git a/src/shared/ui/assets/index.tsx b/src/shared/ui/assets/index.tsx
index ff2c4f5..a0c57de 100644
--- a/src/shared/ui/assets/index.tsx
+++ b/src/shared/ui/assets/index.tsx
@@ -9,6 +9,7 @@ import Check from './check.svg';
 import Close from './close.svg';
 import Dots from './dots.svg';
 import DownLoad from './download.svg';
+import Drag from './drag.svg';
 import Dustpan from './dustpan.svg';
 import Etc from './etc.svg';
 import File from './file.svg';
@@ -39,6 +40,7 @@ export const Icons = {
   camera: Camera,
   chart: Chart,
   download: DownLoad,
+  drag: Drag,
   dots: Dots,
   dustpan: Dustpan,
   peoples: Peoples,