From 5aa367fe54c4d21917497ef4c3798d8405cf1d03 Mon Sep 17 00:00:00 2001
From: piyushchhabra <maniisback@rediffmail.com>
Date: Wed, 24 May 2023 23:03:12 +0530
Subject: [PATCH] fix(ui): fixed tags overflow in card + port correction in
 README

---
 frontend/README.md                                              | 2 +-
 frontend/src/components/v2/Card/Card.tsx                        | 2 +-
 .../src/components/v2/DeleteActionModal/DeleteActionModal.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/README.md b/frontend/README.md
index d97bb4bef..a0bcd1ef0 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -8,7 +8,7 @@ Please ensure you have Docker and Docker Compose installed for your OS.
 
 - `CD` into the repo
 - run command `docker-compose -f docker-compose.dev.yml up --build --force-recreate`
-- Visit localhost:3000 and the website should be live
+- Visit localhost:8080 and the website should be live
 
 ### Steps to shutdown this Docker compose
 
diff --git a/frontend/src/components/v2/Card/Card.tsx b/frontend/src/components/v2/Card/Card.tsx
index 0f4a659cf..f0b102141 100644
--- a/frontend/src/components/v2/Card/Card.tsx
+++ b/frontend/src/components/v2/Card/Card.tsx
@@ -10,7 +10,7 @@ export type CardTitleProps = {
 export const CardTitle = ({ children, className, subTitle }: CardTitleProps) => (
   <div
     className={twMerge(
-      'px-6 py-4 mb-5 font-sans text-lg font-normal border-b border-mineshaft-600',
+      'px-6 py-4 mb-5 font-sans text-lg font-normal border-b border-mineshaft-600 break-words',
       className
     )}
   >
diff --git a/frontend/src/components/v2/DeleteActionModal/DeleteActionModal.tsx b/frontend/src/components/v2/DeleteActionModal/DeleteActionModal.tsx
index 31dcc611a..7a54fe92a 100644
--- a/frontend/src/components/v2/DeleteActionModal/DeleteActionModal.tsx
+++ b/frontend/src/components/v2/DeleteActionModal/DeleteActionModal.tsx
@@ -76,7 +76,7 @@ export const DeleteActionModal = ({
         <form>
           <FormControl
             label={
-              <div className="pb-2 text-sm">
+              <div className="pb-2 text-sm break-words">
                 Type <span className="font-bold">{deleteKey}</span> to delete the resource
               </div>
             }