From 8da0a4d8464ea55b931780d28ff627f2748bf8a8 Mon Sep 17 00:00:00 2001
From: = <akhilmhdh@gmail.com>
Date: Thu, 7 Aug 2025 14:16:27 +0530
Subject: [PATCH] feat: correction in sizing

---
 .../organization/LastLoginSection/LastLoginSection.tsx | 10 +++++-----
 .../components/IdentityDetailsSection.tsx              |  2 +-
 .../components/UserDetailsSection.tsx                  |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/organization/LastLoginSection/LastLoginSection.tsx b/frontend/src/components/organization/LastLoginSection/LastLoginSection.tsx
index 5954f667b..f03ff077d 100644
--- a/frontend/src/components/organization/LastLoginSection/LastLoginSection.tsx
+++ b/frontend/src/components/organization/LastLoginSection/LastLoginSection.tsx
@@ -1,4 +1,4 @@
-import { faShield, faClock } from "@fortawesome/free-solid-svg-icons";
+import { faClock, faShield } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { format } from "date-fns";
 
@@ -13,8 +13,8 @@ export const LastLoginSection = ({ lastLoginTime, lastLoginAuthMethod }: Props)
       <div className="font-medium">Last Login</div>
     </div>
     <div className="mb-2 flex items-center gap-2 text-sm">
-      <div className="rounded bg-mineshaft-700 p-1 px-2">
-        <FontAwesomeIcon icon={faShield} />
+      <div className="flex items-center justify-center rounded bg-mineshaft-700 p-3">
+        <FontAwesomeIcon icon={faShield} className="h-4 w-4" />
       </div>
       <div className="flex flex-col">
         <div className="text-sm font-medium">Authentication Method</div>
@@ -22,8 +22,8 @@ export const LastLoginSection = ({ lastLoginTime, lastLoginAuthMethod }: Props)
       </div>
     </div>
     <div className="flex items-center gap-2 text-sm">
-      <div className="rounded bg-mineshaft-700 p-1 px-2">
-        <FontAwesomeIcon icon={faClock} />
+      <div className="flex items-center justify-center rounded bg-mineshaft-700 p-3">
+        <FontAwesomeIcon icon={faClock} className="h-4 w-4" />
       </div>
       <div className="flex flex-col">
         <div className="text-sm font-medium">Time</div>
diff --git a/frontend/src/pages/organization/IdentityDetailsByIDPage/components/IdentityDetailsSection.tsx b/frontend/src/pages/organization/IdentityDetailsByIDPage/components/IdentityDetailsSection.tsx
index 6a5362856..b6fc4519b 100644
--- a/frontend/src/pages/organization/IdentityDetailsByIDPage/components/IdentityDetailsSection.tsx
+++ b/frontend/src/pages/organization/IdentityDetailsByIDPage/components/IdentityDetailsSection.tsx
@@ -7,6 +7,7 @@ import {
   faTrash
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { format } from "date-fns";
 import { twMerge } from "tailwind-merge";
 
 import { OrgPermissionCan } from "@app/components/permissions";
@@ -24,7 +25,6 @@ import { OrgPermissionIdentityActions, OrgPermissionSubjects } from "@app/contex
 import { useTimedReset } from "@app/hooks";
 import { identityAuthToNameMap, useGetIdentityById } from "@app/hooks/api";
 import { UsePopUpState } from "@app/hooks/usePopUp";
-import { format } from "date-fns";
 
 type Props = {
   identityId: string;
diff --git a/frontend/src/pages/organization/UserDetailsByIDPage/components/UserDetailsSection.tsx b/frontend/src/pages/organization/UserDetailsByIDPage/components/UserDetailsSection.tsx
index 24dc581b4..6d3d7e1ae 100644
--- a/frontend/src/pages/organization/UserDetailsByIDPage/components/UserDetailsSection.tsx
+++ b/frontend/src/pages/organization/UserDetailsByIDPage/components/UserDetailsSection.tsx
@@ -7,6 +7,7 @@ import {
   faPencil
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { format } from "date-fns";
 
 import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";
@@ -22,7 +23,6 @@ import { useFetchServerStatus, useGetOrgMembership, useGetOrgRoles } from "@app/
 import { OrgUser } from "@app/hooks/api/types";
 import { useResendOrgMemberInvitation } from "@app/hooks/api/users/mutation";
 import { UsePopUpState } from "@app/hooks/usePopUp";
-import { format } from "date-fns";
 
 type Props = {
   membershipId: string;