diff --git a/apps/app/components/account/email-code-form.tsx b/apps/app/components/account/email-code-form.tsx
index ff5f8632d..03f9ea822 100644
--- a/apps/app/components/account/email-code-form.tsx
+++ b/apps/app/components/account/email-code-form.tsx
@@ -5,6 +5,7 @@ import { CheckCircleIcon } from "@heroicons/react/20/solid";
 import { Button, Input } from "components/ui";
 // services
 import authenticationService from "services/authentication.service";
+import useToast from "hooks/use-toast";
 // icons
 
 // types
@@ -16,6 +17,7 @@ type EmailCodeFormValues = {
 
 export const EmailCodeForm = ({ onSuccess }: any) => {
   const [codeSent, setCodeSent] = useState(false);
+  const { setToastAlert } = useToast();
   const {
     register,
     handleSubmit,
@@ -53,6 +55,11 @@ export const EmailCodeForm = ({ onSuccess }: any) => {
       })
       .catch((error) => {
         console.log(error);
+        setToastAlert({
+          title: "Oops!",
+          type: "error",
+          message: "Enter the correct code to sign in",
+        });
         setError("token" as keyof EmailCodeFormValues, {
           type: "manual",
           message: error.error,
diff --git a/apps/app/components/account/email-password-form.tsx b/apps/app/components/account/email-password-form.tsx
index 029485b8b..613077ac3 100644
--- a/apps/app/components/account/email-password-form.tsx
+++ b/apps/app/components/account/email-password-form.tsx
@@ -6,6 +6,7 @@ import { useForm } from "react-hook-form";
 // ui
 import { Button, Input } from "components/ui";
 import authenticationService from "services/authentication.service";
+import useToast from "hooks/use-toast";
 
 // types
 type EmailPasswordFormValues = {
@@ -15,6 +16,7 @@ type EmailPasswordFormValues = {
 };
 
 export const EmailPasswordForm = ({ onSuccess }: any) => {
+  const { setToastAlert } = useToast();
   const {
     register,
     handleSubmit,
@@ -38,6 +40,11 @@ export const EmailPasswordForm = ({ onSuccess }: any) => {
       })
       .catch((error) => {
         console.log(error);
+        setToastAlert({
+          title: "Oops!",
+          type: "error",
+          message: "Enter the correct email address and password to sign in",
+        });
         if (!error?.response?.data) return;
         Object.keys(error.response.data).forEach((key) => {
           const err = error.response.data[key];
diff --git a/apps/app/components/command-palette/index.tsx b/apps/app/components/command-palette/index.tsx
index 9e6dfc860..865bca82d 100644
--- a/apps/app/components/command-palette/index.tsx
+++ b/apps/app/components/command-palette/index.tsx
@@ -105,6 +105,8 @@ const CommandPalette: React.FC = () => {
         if ((e.ctrlKey || e.metaKey) && e.key === "k") {
           e.preventDefault();
           setIsPaletteOpen(true);
+        } else if (e.ctrlKey && e.key === "c") {
+          console.log("Text copied");
         } else if (e.key === "c") {
           e.preventDefault();
           setIsIssueModalOpen(true);
@@ -128,24 +130,23 @@ const CommandPalette: React.FC = () => {
           setIsBulkDeleteIssuesModalOpen(true);
         } else if ((e.ctrlKey || e.metaKey) && e.altKey && e.key === "c") {
           e.preventDefault();
+          if (!router.query.issueId) return;
+
+          const url = new URL(window.location.href);
+          copyTextToClipboard(url.href)
+            .then(() => {
+              setToastAlert({
+                type: "success",
+                title: "Copied to clipboard",
+              });
+            })
+            .catch(() => {
+              setToastAlert({
+                type: "error",
+                title: "Some error occurred",
+              });
+            });
         }
-
-        if (!router.query.issueId) return;
-
-        const url = new URL(window.location.href);
-        copyTextToClipboard(url.href)
-          .then(() => {
-            setToastAlert({
-              type: "success",
-              title: "Copied to clipboard",
-            });
-          })
-          .catch(() => {
-            setToastAlert({
-              type: "error",
-              title: "Some error occurred",
-            });
-          });
       }
     },
     [toggleCollapsed, setToastAlert, router]
diff --git a/apps/app/components/project/card.tsx b/apps/app/components/project/card.tsx
index 4ef975128..dd6d96e32 100644
--- a/apps/app/components/project/card.tsx
+++ b/apps/app/components/project/card.tsx
@@ -46,14 +46,16 @@ export const ProjectCard: React.FC<ProjectCardProps> = (props) => {
     <>
       <div className="flex h-full w-full flex-col rounded-md border bg-white px-4 py-3">
         <div className="flex items-center justify-between">
-          <div className="flex gap-2 text-lg font-medium">
+          <div className="flex gap-2  text-lg font-medium">
             <Link href={`/${workspaceSlug}/projects/${project.id}/issues`}>
               <a className="flex items-center gap-x-3">
                 {project.icon && (
                   <span className="text-base">{String.fromCodePoint(parseInt(project.icon))}</span>
                 )}
-                <span>{project.name}</span>
-                <span className="text-xs text-gray-500">{project.identifier}</span>
+                <span className="w-3/4 max-w-[225px] md:max-w-[140px] xl:max-w-[225px] text-ellipsis overflow-hidden">
+                  {project.name}
+                </span>
+                <span className="text-xs text-gray-500 ">{project.identifier}</span>
               </a>
             </Link>
           </div>
diff --git a/apps/app/components/project/cycles/stats-view/single-stat.tsx b/apps/app/components/project/cycles/stats-view/single-stat.tsx
index 8dae743cf..886735d85 100644
--- a/apps/app/components/project/cycles/stats-view/single-stat.tsx
+++ b/apps/app/components/project/cycles/stats-view/single-stat.tsx
@@ -71,7 +71,9 @@ const SingleStat: React.FC<TSingleStatProps> = (props) => {
             <div className="flex items-center justify-between gap-2">
               <Link href={`/${workspaceSlug}/projects/${projectId as string}/cycles/${cycle.id}`}>
                 <a>
-                  <h2 className="font-medium">{cycle.name}</h2>
+                  <h2 className="font-medium w-full max-w-[175px] lg:max-w-[225px] xl:max-w-[300px]  text-ellipsis overflow-hidden">
+                    {cycle.name}
+                  </h2>
                 </a>
               </Link>
               <CustomMenu width="auto" ellipsis>
diff --git a/apps/app/components/project/modules/single-module-card.tsx b/apps/app/components/project/modules/single-module-card.tsx
index 7af928b6a..acd6d4d98 100644
--- a/apps/app/components/project/modules/single-module-card.tsx
+++ b/apps/app/components/project/modules/single-module-card.tsx
@@ -30,7 +30,7 @@ const SingleModuleCard: React.FC<Props> = ({ module }) => {
   };
 
   return (
-    <div className="group/card relative select-none p-2">
+    <div className="group/card h-full w-full relative select-none p-2">
       <div className="absolute top-4 right-4 z-50 bg-red-200 opacity-0 group-hover/card:opacity-100">
         <button
           type="button"
@@ -50,8 +50,8 @@ const SingleModuleCard: React.FC<Props> = ({ module }) => {
         data={selectedModuleForDelete}
       />
       <Link href={`/${workspaceSlug}/projects/${module.project}/modules/${module.id}`}>
-        <a className="block cursor-pointer rounded-md border bg-white p-3">
-          {module.name}
+        <a className="flex flex-col cursor-pointer rounded-md border bg-white p-3 ">
+          <span className="w-3/4 text-ellipsis overflow-hidden">{module.name}</span>
           <div className="mt-4 grid grid-cols-2 gap-2 text-xs md:grid-cols-4">
             <div className="space-y-2">
               <h6 className="text-gray-500">LEAD</h6>
diff --git a/apps/app/components/workspace/help-section.tsx b/apps/app/components/workspace/help-section.tsx
index 2122b37e7..d46bcb276 100644
--- a/apps/app/components/workspace/help-section.tsx
+++ b/apps/app/components/workspace/help-section.tsx
@@ -53,6 +53,8 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
   // hooks
   useOutsideClickDetector(helpOptionsRef, () => setIsNeedHelpOpen(false));
 
+  const helpOptionMode = sidebarCollapse ? "left-full" : "left-[-75px]";
+
   return (
     <div
       className={`flex w-full items-center self-baseline bg-primary px-2 py-2 ${
@@ -107,14 +109,14 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
           leaveTo="transform opacity-0 scale-95"
         >
           <div
-            className="absolute bottom-0 left-full space-y-2 rounded-sm bg-white py-3 shadow-md"
+            className={`absolute bottom-2 ${helpOptionMode}  space-y-2 rounded-sm bg-white py-3 shadow-md`}
             ref={helpOptionsRef}
           >
             {helpOptions.map(({ name, Icon, href }) => (
               <Link href={href} key={name}>
                 <a
                   target="_blank"
-                  className="mx-3 flex items-center gap-x-2 rounded-md px-2 py-2 text-xs hover:bg-gray-100"
+                  className="mx-3 flex items-center gap-x-2 rounded-md whitespace-nowrap  px-2 py-2 text-xs hover:bg-gray-100"
                 >
                   <Icon className="h-5 w-5 text-gray-500" />
                   <span className="text-sm">{name}</span>
diff --git a/apps/app/layouts/navbar/main-sidebar.tsx b/apps/app/layouts/navbar/main-sidebar.tsx
index 4afddbe90..0f8d77557 100644
--- a/apps/app/layouts/navbar/main-sidebar.tsx
+++ b/apps/app/layouts/navbar/main-sidebar.tsx
@@ -84,6 +84,8 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
 
   const [isNeedHelpOpen, setIsNeedHelpOpen] = useState(false);
 
+  const helpOptionMode = sidebarCollapse ? "left-full" : "left-[-75px]";
+
   return (
     <nav className="relative z-20 h-screen">
       <div
@@ -148,14 +150,14 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
                   leaveTo="transform opacity-0 scale-95"
                 >
                   <div
-                    className="absolute bottom-0 left-full space-y-2 rounded-sm bg-white py-3 shadow-md"
+                    className={`absolute bottom-2 ${helpOptionMode}  space-y-2 rounded-sm bg-white py-3 shadow-md`}
                     ref={helpOptionsRef}
                   >
                     {helpOptions.map(({ name, Icon, href }) => (
                       <Link href={href} key={name}>
                         <a
                           target="_blank"
-                          className="mx-3 flex items-center gap-x-2 rounded-md px-2 py-2 text-xs hover:bg-gray-100"
+                          className="mx-3 flex items-center gap-x-2 rounded-md whitespace-nowrap px-2 py-2 text-xs hover:bg-gray-100"
                         >
                           <Icon className="h-5 w-5 text-gray-500" />
                           <span className="text-sm">{name}</span>
diff --git a/apps/app/pages/signin.tsx b/apps/app/pages/signin.tsx
index 4c81beaff..5ae6ebab6 100644
--- a/apps/app/pages/signin.tsx
+++ b/apps/app/pages/signin.tsx
@@ -75,6 +75,11 @@ const SignInPage: NextPage = () => {
       })
       .catch((err) => {
         console.log(err);
+        setToastAlert({
+          title: "Error signing in!",
+          type: "error",
+          message: "Something went wrong. Please try again later or contact the support team.",
+        });
         setLoading(false);
       });
   };