#RI-5213 - fix tooltip position, fix scroll

Author: rsergeenko

redisinsight/ui/src/pages/browser/modules/key-details/components/string-details/string-details-table/StringDetailsTable.tsx

@@ -195,7 +195,7 @@ const StringDetailsTable = (props: Props) => {
             title={!isValid ? noEditableText : undefined}
             anchorClassName={styles.tooltipAnchor}
             className={styles.tooltip}
-            position="top"
+            position="left"
             data-testid="string-value-tooltip"
           >
             <EuiText

redisinsight/ui/src/pages/browser/modules/key-details/components/string-details/string-details-table/styles.module.scss

@@ -30,6 +30,7 @@ $outer-height-mobile: 340px;
   overflow-x: hidden;
   word-break: break-word;
   line-height: 1.2;
+  width: 100%;
 
   pre {
     background-color: transparent !important;
@@ -46,7 +47,9 @@ $outer-height-mobile: 340px;
 
 .tooltipAnchor {
   display: inline-flex !important;
-  height: 100%;
+  height: auto;
+  max-height: 100%;
+  width: 100%;
 }
 
 .stringFooterBtn {