From a2bb70aaecaf4f6d261809cd48cd44ee95159d26 Mon Sep 17 00:00:00 2001
From: staticGuru <vigneshguru274@gmail.com>
Date: Fri, 6 Oct 2023 16:51:35 +0530
Subject: [PATCH] Source selection overflow issues

---
 frontend/src/Navigation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index 366fade..3dd8bad 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -227,11 +227,11 @@ export default function Navigation() {
         <div className="flex flex-col-reverse border-b-2">
           <div className="relative my-4 flex gap-2 px-2">
             <div
-              className="flex h-12 w-full cursor-pointer justify-between rounded-3xl rounded-md border-2 bg-white"
+              className="flex h-12 min-w-[85%] cursor-pointer justify-between rounded-3xl rounded-md border-2 bg-white"
               onClick={() => setIsDocsListOpen(!isDocsListOpen)}
             >
               {selectedDocs && (
-                <p className="my-3 mx-4">
+                <p className="my-3 mx-4 overflow-hidden text-ellipsis	whitespace-nowrap">
                   {selectedDocs.name} {selectedDocs.version}
                 </p>
               )}