diff --git a/frontend/src/container/Trace/Search/AllTags/styles.ts b/frontend/src/container/Trace/Search/AllTags/styles.ts
index c43b32c5ea..1f8bc432ed 100644
--- a/frontend/src/container/Trace/Search/AllTags/styles.ts
+++ b/frontend/src/container/Trace/Search/AllTags/styles.ts
@@ -6,7 +6,7 @@ export const Container = styled(Card)`
min-height: 20vh;
width: 100%;
z-index: 2;
- position: absolute;
+ position: absolute !important;
.ant-card-body {
padding-bottom: 0;
diff --git a/frontend/src/container/Trace/Search/index.tsx b/frontend/src/container/Trace/Search/index.tsx
index 1590fd74b2..abe96a889c 100644
--- a/frontend/src/container/Trace/Search/index.tsx
+++ b/frontend/src/container/Trace/Search/index.tsx
@@ -113,41 +113,39 @@ function Search({
};
return (
-
-
- onChangeHandler(event.target.value)}
- value={value}
- allowClear
- disabled={traces.filterLoading}
- onFocus={onFocusHandler}
- placeholder="Click to filter by tags"
- type="search"
- enterButton={}
- onSearch={(string): void => {
- if (string.length === 0) {
- updateTagVisibility(false);
- updateFilters([]);
- return;
- }
+
+ onChangeHandler(event.target.value)}
+ value={value}
+ allowClear
+ disabled={traces.filterLoading}
+ onFocus={onFocusHandler}
+ placeholder="Click to filter by tags"
+ type="search"
+ enterButton={}
+ onSearch={(string): void => {
+ if (string.length === 0) {
+ updateTagVisibility(false);
+ updateFilters([]);
+ return;
+ }
- const { isError, payload } = parseQueryToTags(string);
+ const { isError, payload } = parseQueryToTags(string);
- if (isError) {
- updateTagIsError(true);
- } else {
- updateTagIsError(false);
- updateTagVisibility(false);
- updateFilters(payload);
- }
- }}
- />
+ if (isError) {
+ updateTagIsError(true);
+ } else {
+ updateTagIsError(false);
+ updateTagVisibility(false);
+ updateFilters(payload);
+ }
+ }}
+ />
- {traces.isTagModalOpen && (
-
- )}
-
-
+ {traces.isTagModalOpen && (
+
+ )}
+
);
}
diff --git a/frontend/src/container/Trace/Search/styles.ts b/frontend/src/container/Trace/Search/styles.ts
index 9cbec7a213..5ade20596d 100644
--- a/frontend/src/container/Trace/Search/styles.ts
+++ b/frontend/src/container/Trace/Search/styles.ts
@@ -6,6 +6,7 @@ const { Search } = Input;
export const Container = styled.div`
display: flex;
position: relative;
+ width: 100%;
`;
export const SearchComponent = styled(Search)`