feat: update change request layout (#2848)

frontend/web/components/Tooltip.tsx

@@ -15,6 +15,7 @@ type TooltipProps = {
   plainText: boolean
   place?: string | undefined
   title: JSX.Element // This is actually the Tooltip parent component
+  noIcon?: boolean
 }
 
 const StyledTooltip = ({ children }: StyledTooltipProps) => (
@@ -24,10 +25,17 @@ const StyledTooltip = ({ children }: StyledTooltipProps) => (
   </div>
 )
 
-const tooltipStyler = (plainText: boolean, children: string): string => {
-  const html = renderToStaticMarkup(
-    <StyledTooltip>{plainText ? children : '{{html}}'}</StyledTooltip>,
+const tooltipStyler = (
+  plainText: boolean,
+  children: string,
+  noIcon?: boolean,
+): string => {
+  const tooltip = noIcon ? (
+    <span>{plainText ? children : '{{html}}'}</span>
+  ) : (
+    <StyledTooltip>{plainText ? children : '{{html}}'}</StyledTooltip>
   )
+  const html = renderToStaticMarkup(tooltip)
   if (plainText) {
     return html
   }
@@ -36,6 +44,7 @@ const tooltipStyler = (plainText: boolean, children: string): string => {
 
 const Tooltip = ({
   children,
+  noIcon,
   place,
   plainText,
   title,
@@ -58,7 +67,7 @@ const Tooltip = ({
         type='dark'
         effect='solid'
       >
-        {tooltipStyler(plainText, children)}
+        {tooltipStyler(plainText, children, noIcon)}
       </ReactTooltip>
     </span>
   )