From f25ba57f054c42aabd324236c6887d935e405da3 Mon Sep 17 00:00:00 2001
From: Arsen Simonyan <asimonyan@provectus.com>
Date: Wed, 27 Apr 2022 10:29:29 +0400
Subject: [PATCH] fix seek type select border-radius and user-select

---
 .../Topic/Details/Messages/Filters/Filters.styled.ts       | 7 +++++++
 .../Topics/Topic/Details/Messages/Filters/Filters.tsx      | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts
index e3462333f50..095128535eb 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.styled.ts
@@ -1,3 +1,4 @@
+import Select from 'components/common/Select/Select';
 import styled, { css } from 'styled-components';
 
 interface SavedFilterProps {
@@ -313,3 +314,9 @@ export const BackToCustomText = styled.div`
   ${textStyle};
   cursor: pointer;
 `;
+
+export const SeekTypeSelect = styled(Select)`
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  user-select: none;
+`;
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
index d753f33cfb5..4f3469ddfa0 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Filters/Filters.tsx
@@ -355,7 +355,7 @@ const Filters: React.FC<FiltersProps> = ({
             handleSearch={(value: string) => setQuery(value)}
           />
           <S.SeekTypeSelectorWrapper>
-            <Select
+            <S.SeekTypeSelect
               id="selectSeekType"
               onChange={(option) => setCurrentSeekType(option as SeekType)}
               value={currentSeekType}