diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 24da8134..07494e72 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -12,7 +12,7 @@ export default function About() {
         <p className="mt-4">
           Find the information in your documentation through AI-powered
           <a
-            className="text-blue-500"
+            className="text-blue-500 underline decoration-blue-200 decoration-dotted"
             href="https://github.com/arc53/DocsGPT"
             target="_blank"
             rel="noreferrer"
@@ -51,11 +51,11 @@ export default function About() {
         </div>
 
         <p>
-          Currently It uses DocsGPT documentation, so it will respond to
-          information relevant to DocsGPT. If you want to train it on different
+          Currently It uses <span clasname= "text-blue-950 font-medium">DocsGPT</span> documentation, so it will respond to 
+          information relevant to <span clasname= "text-blue-950 font-medium">DocsGPT</span> . If you want to train it on different
           documentation - please follow
           <a
-            className="text-blue-500"
+            className="text-blue-500 underline decoration-blue-200 decoration-dotted"
             href="https://github.com/arc53/DocsGPT/wiki/How-to-train-on-other-documentation"
             target="_blank"
             rel="noreferrer"
@@ -69,7 +69,7 @@ export default function About() {
         <p className="mt-4 text-left">
           If you want to launch it on your own server - follow
           <a
-            className="text-blue-500"
+            className="text-blue-500 underline decoration-blue-200 decoration-dotted"
             href="https://github.com/arc53/DocsGPT/wiki/Hosting-the-app"
             target="_blank"
             rel="noreferrer"