diff --git a/redisinsight/ui/src/pages/vector-search/query/HeaderActions.styles.ts b/redisinsight/ui/src/pages/vector-search/query/HeaderActions.styles.ts
index 53b1bda040..8551d6ea57 100644
--- a/redisinsight/ui/src/pages/vector-search/query/HeaderActions.styles.ts
+++ b/redisinsight/ui/src/pages/vector-search/query/HeaderActions.styles.ts
@@ -6,10 +6,13 @@ export const StyledHeaderAction = styled(FlexGroup)`
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  margin-bottom: ${({ theme }) => theme.core.space.space200};
+  gap: ${({ theme }) => theme.core.space.space100};
+  margin-bottom: ${({ theme }) => theme.core.space.space100};
 `
 
 export const StyledTextButton = styled(TextButton)`
+  padding: 0px;
+  height: auto;
   color: ${({ theme }) => theme.color.blue400};
   &:hover {
     color: ${({ theme }) => theme.color.blue500};
diff --git a/redisinsight/ui/src/pages/vector-search/styles.ts b/redisinsight/ui/src/pages/vector-search/styles.ts
index 3facdd7113..e20526d67f 100644
--- a/redisinsight/ui/src/pages/vector-search/styles.ts
+++ b/redisinsight/ui/src/pages/vector-search/styles.ts
@@ -4,7 +4,8 @@ import { FlexGroup, FlexItem } from 'uiSrc/components/base/layout/flex'
 export const VectorSearchPageWrapper = styled.div`
   background-color: ${({ theme }) =>
     theme.semantic?.color.background.neutral100};
-  padding: ${({ theme }) => theme.core?.space.space200};
+  padding-left: ${({ theme }) => theme.core?.space.space200};
+  padding-right: ${({ theme }) => theme.core?.space.space200};
 
   display: flex;
   height: 100%;