diff --git a/client/ui/frontend/src/components/ProfileDropdown.tsx b/client/ui/frontend/src/components/ProfileDropdown.tsx
index 0b70c2d0b..0cbbd61e4 100644
--- a/client/ui/frontend/src/components/ProfileDropdown.tsx
+++ b/client/ui/frontend/src/components/ProfileDropdown.tsx
@@ -194,7 +194,7 @@ const ProfileTriggerButton = forwardRef<HTMLButtonElement, ProfileTriggerButtonP
                 {...props}
             >
                 <Icon size={16} className={"text-nb-gray-200 shrink-0"} />
-                <span className={"text-sm font-medium capitalize truncate max-w-[140px]"}>
+                <span className={"text-sm font-medium truncate max-w-[140px]"}>
                     {name}
                 </span>
                 <ChevronDown size={14} className={"text-nb-gray-200 shrink-0"} />
@@ -225,7 +225,7 @@ const ProfileRow = ({ profile, isActive, onSelect }: ProfileRowProps) => {
         >
             <Icon size={14} className={cn("shrink-0", showEmail && "mt-0.5")} />
             <div className="flex flex-col min-w-0 flex-1 leading-tight">
-                <span className="capitalize truncate">{profile.name}</span>
+                <span className="truncate">{profile.name}</span>
                 {showEmail && <TruncatedEmail email={profile.email!} />}
             </div>
             {isActive && (
diff --git a/client/ui/frontend/src/layouts/Header.tsx b/client/ui/frontend/src/layouts/Header.tsx
index 8d431522b..1bee0ac42 100644
--- a/client/ui/frontend/src/layouts/Header.tsx
+++ b/client/ui/frontend/src/layouts/Header.tsx
@@ -3,8 +3,8 @@ import { useTranslation } from "react-i18next";
 import {
     Check,
     MoreVertical,
-    PanelTop,
     PanelsRightBottom,
+    RectangleVertical,
     Settings,
     type LucideIcon,
 } from "lucide-react";
@@ -68,7 +68,7 @@ export const Header = () => {
                         </DropdownMenuItem>
                         <DropdownMenuSeparator />
                         <ViewModeItem
-                            icon={PanelTop}
+                            icon={RectangleVertical}
                             label={t("header.menu.defaultView")}
                             selected={viewMode === "default"}
                             onSelect={() => selectMode("default")}
diff --git a/client/ui/frontend/src/modules/settings/SettingsProfiles.tsx b/client/ui/frontend/src/modules/settings/SettingsProfiles.tsx
index 19a0470a8..d860f644d 100644
--- a/client/ui/frontend/src/modules/settings/SettingsProfiles.tsx
+++ b/client/ui/frontend/src/modules/settings/SettingsProfiles.tsx
@@ -198,7 +198,7 @@ const ProfileRow = ({ profile, isActive, onDeregister, onDelete }: ProfileRowPro
                     />
                     <div className={"flex flex-col min-w-0 flex-1 leading-tight"}>
                         <div className={"flex items-center gap-2 min-w-0"}>
-                            <span className={"truncate font-medium text-nb-gray-100 capitalize"}>
+                            <span className={"truncate font-medium text-nb-gray-100"}>
                                 {profile.name}
                             </span>
                             {isActive && <Badge>{t("settings.profiles.active")}</Badge>}