remove unneeded styles for the tooltip anchor and replace with flex item

Author: dantovska

redisinsight/ui/src/pages/home/components/add-database-screen/components/connection-url/ConnectionUrl.tsx

@@ -1,13 +1,16 @@
 import React from 'react'
+import styled from 'styled-components'
 
 import { FormField } from 'uiSrc/components/base/forms/FormField'
 import { TextArea } from 'uiSrc/components/base/inputs'
 import { RiIcon } from 'uiSrc/components/base/icons/RiIcon'
 import { RiTooltip } from 'uiSrc/components'
-import { FlexGroup } from 'uiSrc/components/base/layout/flex'
+import { FlexGroup, FlexItem } from 'uiSrc/components/base/layout/flex'
 import { Text } from 'uiSrc/components/base/text'
 
-import styles from './styles.module.scss'
+const PointerIcon = styled(RiIcon)`
+  cursor: pointer;
+`
 
 export interface Props {
   value: string
@@ -17,12 +20,11 @@ export interface Props {
 const ConnectionUrl = ({ value, onChange }: Props) => (
   <FormField
     label={
-      <FlexGroup gap="s">
+      <FlexGroup gap="s" align="center">
         <Text>Connection URL</Text>
         <RiTooltip
           title="The following connection URLs are supported:"
           className="homePage_tooltip"
-          anchorClassName={styles.infoTooltipAnchor}
           position="right"
           content={
             <ul className="homePage_toolTipUl">
@@ -41,7 +43,9 @@ const ConnectionUrl = ({ value, onChange }: Props) => (
             </ul>
           }
         >
-          <RiIcon type="InfoIcon" />
+          <FlexItem>
+            <PointerIcon type="InfoIcon" />
+          </FlexItem>
         </RiTooltip>
       </FlexGroup>
     }