3 files changed, 35 insertions, 4 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 80c8afd..b59949f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,7 +11,11 @@ export const metadata: Metadata = {
     title: 'Artberry',
     description: 'Happy gooning!',
     manifest: '/site.webmanifest',
+    appleWebApp: {
+        title: 'Artberry',
+    },
 };
+
 export default function RootLayout({
     children,
 }: Readonly<{
@@ -19,7 +23,6 @@ export default function RootLayout({
 }>) {
     return (
         <html lang="en">
-            <meta name="apple-mobile-web-app-title" content="Artberry" />
             <body className={`${nunito.className} antialiased`}>
                 <div className="min-h-dvh flex flex-col">
                     <GlobalContextProvider>
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index 7237d57..45caa18 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -9,7 +9,7 @@ export default function Settings() {
     const [tab, setTab] = useState('profile');
 
     return (
-        <div className="flex flex-row gap-[250px] w-full max-w-[1500px] h-full">
+        <div className="flex flex-row gap-[250px] w-full max-w-[1500px] ">
             <SettingsMenu tab={tab} setTab={setTab} />
 
             <div className="flex-1">
diff --git a/src/components/settings/SecurityPage.tsx b/src/components/settings/SecurityPage.tsx
index 9d158dd..6d4ab75 100644
--- a/src/components/settings/SecurityPage.tsx
+++ b/src/components/settings/SecurityPage.tsx
@@ -4,8 +4,8 @@ import { Separator } from '@/components/ui';
 export default function SecurityPage() {
     return (
         <>
-            <div className="flex flex-col flex-start gap-[40px] w-[900px] h-[575px]">
-                <div className="flex flex-col gap-[20px] w-[900px] h-[493px]">
+            <div className="flex flex-col flex-start gap-[40px] w-[900px] h-[816px]">
+                <div className="flex flex-col gap-[20px] w-[900px] ">
                     <div className="flex flex-col flex-start gap-[20px] w-[310px] h-[241px]">
                         <p className="text-light-violet font-medium">
                             ЗАДАТЬ ПАРОЛЬ
@@ -52,6 +52,34 @@ export default function SecurityPage() {
                         <Button>Сменить</Button>
                     </div>
                     <Separator className="bg-violet/30 h-[1px]" />
+                    <div className="flex flex-col flex-start gap-[20px] w-[310px] ">
+                        <p className="text-light-violet font-medium">
+                            СМЕНА ПАРОЛЯ
+                        </p>
+                        <div className="flex flex-col flex-start gap-[10px] w-[310px]">
+                            <InputField
+                                placeholder="Текущий пароль"
+                                isPassword
+                                type="password"
+                                name="password"
+                            />
+                            <InputField
+                                isPassword
+                                placeholder="Введите пароль"
+                                type="password"
+                                name="password"
+                            />
+                            <InputField
+                                isPassword
+                                placeholder="Повторите пароль"
+                                type="password"
+                                name="password"
+                            />
+                        </div>
+                        <Button>Сменить</Button>
+                    </div>
+                    <Separator className="bg-violet/30 h-[1px]" />
+
                     <Button className="w-[310px]">Выйти из аккаунта</Button>
                 </div>
             </div>