diff --git a/content/i18n/ru.json b/content/i18n/ru.json
index 8f75c05..8163927 100644
--- a/content/i18n/ru.json
+++ b/content/i18n/ru.json
@@ -1,10 +1,10 @@
 {
-    "common": {
-        "greeting": "Здравей",
-        "farewell": "Довиждане",
-        "changeTo": "Смени на",
-        "BG": "[RU] Български",
-        "EN": "[RU] Английски",
-        "RU": "[RU] Руски"
-    }
+  "common": {
+    "greeting": "Здравей",
+    "farewell": "Довиждане",
+    "changeTo": "Смени на",
+    "BG": "[RU] Български",
+    "EN": "[RU] Английски",
+    "RU": "[RU] Руски"
+  }
 }
\ No newline at end of file
diff --git a/pages/cart/translations/index.tsx b/pages/cart/translations/index.tsx
index dac44fe..c34c2e6 100644
--- a/pages/cart/translations/index.tsx
+++ b/pages/cart/translations/index.tsx
@@ -4,6 +4,7 @@ import ProtectedRoute from "../../../components/protectedRoute";
 import { UserRole } from "@prisma/client";
 import Layout from 'components/layout';
 import { useRouter } from "next/router";
+import { ToastContainer, toast } from 'react-toastify';
 
 const locales = ['bg', 'en', 'ru'];
 
@@ -21,12 +22,15 @@ const AdminTranslations = () => {
     }, [locale]);
 
     const handleSave = () => {
-        axiosInstance.post(`/api/translations/${locale}/modified`, translations)
+        axiosInstance.post(`/api/translations/${locale}`, translations)
             .then(res => {
                 if (res.data.status === 'Updated') {
-                    alert('Translations updated!');
+                    toast.success('Translations updated!');
+                } else {
+                    toast.error('Something went wrong!');
                 }
-            });
+            })
+            .catch(err => toast.error('Failed to update translations: ' + err.message));
     };
 
     const handleChange = (key, value) => {
@@ -37,19 +41,30 @@ const AdminTranslations = () => {
         <Layout>
             <ProtectedRoute allowedRoles={[UserRole.ADMIN, UserRole.POWERUSER]}>
                 <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
-                    <h1 className="text-xl font-semibold leading-tight text-gray-800">Edit Translations</h1>
-                    <div className="my-4">
-                        <label htmlFor="locale-select" className="block text-sm font-medium text-gray-700">Select Language</label>
-                        <select
-                            id="locale-select"
-                            onChange={e => setLocale(e.target.value)}
-                            value={locale}
-                            className="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"
-                        >
-                            {locales.map(l => (
-                                <option key={l} value={l}>{l.toUpperCase()}</option>
-                            ))}
-                        </select>
+                    <div className="sticky top-0 z-10 bg-white shadow-md py-4 px-4">
+                        <div className="flex justify-between items-center">
+                            <h1 className="text-xl font-semibold leading-tight text-gray-800">Edit Translations</h1>
+                            <div className="flex items-center space-x-4">
+                                <button
+                                    onClick={handleSave}
+                                    className="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+                                >
+                                    Save Changes
+                                </button>
+                                <div>
+                                    <select
+                                        id="locale-select"
+                                        onChange={e => setLocale(e.target.value)}
+                                        value={locale}
+                                        className="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"
+                                    >
+                                        {locales.map(l => (
+                                            <option key={l} value={l}>{l.toUpperCase()}</option>
+                                        ))}
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                     <div className="overflow-x-auto relative shadow-md sm:rounded-lg">
                         <table className="w-full text-sm text-left text-gray-500">
@@ -71,20 +86,22 @@ const AdminTranslations = () => {
                                                 value={translations[key] || ''}
                                                 placeholder='Въведи превод...'
                                                 onChange={e => handleChange(key, e.target.value)}
-                                                className="block w-full text-base px-2 py-1 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 rounded"
+                                                className="block w-full text-base px-2 py-1 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 rounded placeholder-gray-400"
+                                                style={{ transition: 'box-shadow .3s', boxShadow: translations[key] ? '0 0 0px 1px rgba(59, 130, 246, 0.5)' : 'none' }}
                                             />
+
                                         </td>
                                     </tr>
                                 ))}
                             </tbody>
                         </table>
                     </div>
-                    <button
+                    {/* <button
                         onClick={handleSave}
                         className="mt-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
                     >
                         Save Changes
-                    </button>
+                    </button> */}
                 </div>
             </ProtectedRoute>
         </Layout>