From 9007ec37094894dd2284b11e22ed4a489329cb89 Mon Sep 17 00:00:00 2001
From: Akshita Goyal <36129505+gakshita@users.noreply.github.com>
Date: Wed, 23 Jul 2025 10:11:18 +0530
Subject: [PATCH] [WEB-4546] chore: home update #7456

---
 .../(all)/[workspaceSlug]/(projects)/header.tsx  |  2 +-
 apps/web/core/components/home/root.tsx           |  4 +++-
 apps/web/core/components/home/user-greetings.tsx |  8 ++++----
 apps/web/core/components/user/user-greetings.tsx | 16 ++++++++++------
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/header.tsx
index e398fd166..0664a945c 100644
--- a/apps/web/app/(all)/[workspaceSlug]/(projects)/header.tsx
+++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/header.tsx
@@ -46,7 +46,7 @@ export const WorkspaceDashboardHeader = observer(() => {
             className="my-auto mb-0"
           >
             <Shapes size={16} />
-            <div className="text-xs font-medium">{t("home.manage_widgets")}</div>
+            <div className="hidden text-xs font-medium sm:hidden md:block">{t("home.manage_widgets")}</div>
           </Button>
           <a
             onClick={() =>
diff --git a/apps/web/core/components/home/root.tsx b/apps/web/core/components/home/root.tsx
index 40dab955e..a55f40c97 100644
--- a/apps/web/core/components/home/root.tsx
+++ b/apps/web/core/components/home/root.tsx
@@ -60,7 +60,9 @@ export const WorkspaceHomeView = observer(() => {
       )}
       <>
         <HomePeekOverviewsRoot />
-        <ContentWrapper className={cn("gap-6 bg-custom-background-100 max-w-[750px] mx-auto scrollbar-hide")}>
+        <ContentWrapper
+          className={cn("gap-6 bg-custom-background-100 max-w-[800px] mx-auto scrollbar-hide px-page-x lg:px-0")}
+        >
           {currentUser && <UserGreetingsView user={currentUser} />}
           <DashboardWidgets />
         </ContentWrapper>
diff --git a/apps/web/core/components/home/user-greetings.tsx b/apps/web/core/components/home/user-greetings.tsx
index 7e65530d8..049d4f3a0 100644
--- a/apps/web/core/components/home/user-greetings.tsx
+++ b/apps/web/core/components/home/user-greetings.tsx
@@ -42,15 +42,15 @@ export const UserGreetingsView: FC<IUserGreetingsView> = (props) => {
 
   return (
     <div className="flex flex-col items-center my-6">
-      <h3 className="text-xl font-semibold text-center">
+      <h2 className="text-xl font-semibold text-center">
         {t("good")} {t(greeting)}, {user?.first_name} {user?.last_name}
-      </h3>
-      <h6 className="flex items-center gap-2 font-medium text-custom-text-400">
+      </h2>
+      <h5 className="flex items-center gap-2 font-medium text-custom-text-400">
         <div>{greeting === "morning" ? "🌤️" : greeting === "afternoon" ? "🌥️" : "🌙️"}</div>
         <div>
           {weekDay}, {date} {timeString}
         </div>
-      </h6>
+      </h5>
     </div>
   );
 };
diff --git a/apps/web/core/components/user/user-greetings.tsx b/apps/web/core/components/user/user-greetings.tsx
index 216da7a52..07b11d7f2 100644
--- a/apps/web/core/components/user/user-greetings.tsx
+++ b/apps/web/core/components/user/user-greetings.tsx
@@ -1,4 +1,6 @@
 import { FC } from "react";
+// plane types
+import { useTranslation } from "@plane/i18n";
 // hooks
 import { IUser } from "@plane/types";
 import { useCurrentTime } from "@/hooks/use-current-time";
@@ -12,6 +14,8 @@ export const UserGreetingsView: FC<IUserGreetingsView> = (props) => {
   const { user } = props;
   // current time hook
   const { currentTime } = useCurrentTime();
+  // store hooks
+  const { t } = useTranslation();
 
   const hour = new Intl.DateTimeFormat("en-US", {
     hour12: false,
@@ -37,16 +41,16 @@ export const UserGreetingsView: FC<IUserGreetingsView> = (props) => {
   const greeting = parseInt(hour, 10) < 12 ? "morning" : parseInt(hour, 10) < 18 ? "afternoon" : "evening";
 
   return (
-    <div>
-      <h3 className="text-xl font-semibold">
-        Good {greeting}, {user?.first_name} {user?.last_name}
-      </h3>
-      <h6 className="flex items-center gap-2 font-medium text-custom-text-400">
+    <div className="flex flex-col items-center my-6">
+      <h2 className="text-xl font-semibold text-center">
+        {t("good")} {t(greeting)}, {user?.first_name} {user?.last_name}
+      </h2>
+      <h5 className="flex items-center gap-2 font-medium text-custom-text-400">
         <div>{greeting === "morning" ? "🌤️" : greeting === "afternoon" ? "🌥️" : "🌙️"}</div>
         <div>
           {weekDay}, {date} {timeString}
         </div>
-      </h6>
+      </h5>
     </div>
   );
 };