refactor(ui): apply comments imporvements

re #RI-7437

Author: valkirilov

redisinsight/ui/src/pages/slow-log/components/Actions/Actions.styles.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-export const StyledInfoIcon = styled.span`
+export const StyledInfoIconWrapper = styled.span`
   display: flex;
   align-self: center;
   cursor: pointer;

redisinsight/ui/src/pages/slow-log/components/Actions/Actions.tsx

@@ -18,7 +18,7 @@ import {
 import { RiIcon } from 'uiSrc/components/base/icons/RiIcon'
 
 import SlowLogConfig from '../SlowLogConfig'
-import { StyledInfoIcon } from './Actions.styles'
+import { StyledInfoIconWrapper } from './Actions.styles'
 import { ClearSlowLogModal } from '../ClearSlowLogModal/ClearSlowLogModal'
 
 export interface Props {
@@ -168,9 +168,9 @@ const Actions = (props: Props) => {
             </span>
           }
         >
-          <StyledInfoIcon>
+          <StyledInfoIconWrapper>
             <RiIcon type="InfoIcon" data-testid="slow-log-tooltip-icon" />
-          </StyledInfoIcon>
+          </StyledInfoIconWrapper>
         </RiTooltip>
       </FlexItem>
     </Row>

redisinsight/ui/src/pages/slow-log/components/SlowLogConfig/SlowLogConfig.styles.ts

@@ -6,7 +6,7 @@ import { theme } from '@redis-ui/styles'
 export const StyledContainer = styled(Col)<{ $isCluster?: boolean }>`
   width: ${({ $isCluster }) => ($isCluster ? '394px' : '550px')};
   padding: ${theme.core.space.space200};
-  border-radius: 4px;
+  border-radius: ${theme.core.space.space050};
 `
 
 export const StyledInput = styled(TextInput)`