diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 303708ca..2365536c 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -51,9 +51,11 @@ export default function About() {
         </div>
 
         <p>
-          Currently It uses <span className= "text-blue-950 font-medium">DocsGPT</span> documentation, so it will respond to 
-          information relevant to <span className= "text-blue-950 font-medium">DocsGPT</span> . If you want to train it on different
-          documentation - please follow
+          Currently It uses{' '}
+          <span className="text-blue-950 font-medium">DocsGPT</span>{' '}
+          documentation, so it will respond to information relevant to{' '}
+          <span className="text-blue-950 font-medium">DocsGPT</span> . If you
+          want to train it on different documentation - please follow
           <a
             className="text-blue-500"
             href="https://github.com/arc53/DocsGPT/wiki/How-to-train-on-other-documentation"
diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 3f38ee9a..2e881314 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -148,8 +148,7 @@ const ConversationBubble = forwardRef<
             }`}
           >
             <Copy
-              className={`hover:fill-gray-4000' } cursor-pointer
-              stroke-gray-4000`}
+              className={`cursor-pointer  stroke-gray-4000 hover:fill-gray-4000`}
               onClick={() => copy(message)}
             ></Copy>
             <Like