NavigationMenuContent border right and border bottom is not visible

[sajid-munawar]

Here is the code as well.

  <NavigationMenuContent className="overflow-visible border-2 border-[#C45DFF] bg-white/80 pr-1 lg:w-172.5">
            <div className="flex min-w-36 flex-col items-center justify-center rounded-lg border-2 border-[#A58FB1] py-7.5">
              <div className="mb-1">
                <Image
                  src="/icons/ai.svg"
                  height={50}
                  width={50}
                  alt="AI Icon"
                  className="mx-auto size-12.5 flex-none object-contain"
                />
              </div>
              <h3 className="font-raleway font-medium text-[#151515]">AI</h3>
            </div>
          </NavigationMenuContent>