From c10f4c2e3ca8c5c34954633b9f6bf1e5faaf99b0 Mon Sep 17 00:00:00 2001
From: "sweep-ai[bot]" <128439645+sweep-ai[bot]@users.noreply.github.com>
Date: Wed, 3 Jan 2024 22:24:19 +0000
Subject: [PATCH] feat: Updated packages/components/src/components/C

---
 .../src/components/CodeEditor/useTooltipsExtension.tsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/components/CodeEditor/useTooltipsExtension.tsx b/packages/components/src/components/CodeEditor/useTooltipsExtension.tsx
index d6a44d6df9..2d3fbd6bba 100644
--- a/packages/components/src/components/CodeEditor/useTooltipsExtension.tsx
+++ b/packages/components/src/components/CodeEditor/useTooltipsExtension.tsx
@@ -1,4 +1,7 @@
 import { EditorView, hoverTooltip, repositionTooltips } from "@codemirror/view";
+
+const MIN_WIDTH = '200px';
+const MAX_WIDTH = '600px';
 import { FC, useEffect } from "react";
 import { createRoot } from "react-dom/client";
 
@@ -18,7 +21,7 @@ const HoverTooltip: FC<{ hover: Hover; view: EditorView }> = ({
   });
 
   return (
-    <div className="border rounded-sm shadow-lg min-w-[200px] max-w-[600px] px-2">
+    <div className={`border rounded-sm shadow-lg min-w-[${MIN_WIDTH}] max-w-[${MAX_WIDTH}] px-2`}>
       <FnDocumentation documentation={hover} />
     </div>
   );