diff --git a/ui/dev-dist/sw.js b/ui/dev-dist/sw.js
index d1eab1b7..f478dbd1 100644
--- a/ui/dev-dist/sw.js
+++ b/ui/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "/index.html",
-    "revision": "0.gs76v890q3g"
+    "revision": "0.l905521idmg"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("/index.html"), {
diff --git a/ui/src/views/auth/Login.tsx b/ui/src/views/auth/Login.tsx
index 8982a646..825c1f98 100644
--- a/ui/src/views/auth/Login.tsx
+++ b/ui/src/views/auth/Login.tsx
@@ -47,6 +47,8 @@ const Login = () => {
   const navigate = useNavigate()
   const isMultiTenant = useStoreState((a) => a.abpConfig.config?.multiTenancy.isEnabled)
   const { setTenant } = useStoreActions((a) => a.auth.tenant)
+
+  const UiVersion = useStoreState((state) => state.locale.currentUiVersion)
   const { setUiVersion } = useStoreActions((a) => a.locale)
 
   const tenantName = useStoreState((state) => state.locale.currentTenantName)
@@ -201,11 +203,11 @@ const Login = () => {
 
   const findUiVersion = async () => {
     try {
-      const res = await fetch('/version.json?ts=' + Date.now())
-      const data = await res.json()
-      const latest = data?.releases?.[0]?.version
-      if (latest) {
+      const res = await fetch(`/version.json?ts=${Date.now()}`)
+      const latest = (await res.json())?.releases?.[0]?.version
+      if (latest && UiVersion !== latest) {
         setUiVersion(latest)
+        navigate(ROUTES_ENUM.protected.admin.changeLog)
       }
     } catch (e) {
       console.warn('Versiyon okunamadı', e)
diff --git a/ui/src/views/form/FormDevExpress.tsx b/ui/src/views/form/FormDevExpress.tsx
index 6fecd63a..2fd606c6 100644
--- a/ui/src/views/form/FormDevExpress.tsx
+++ b/ui/src/views/form/FormDevExpress.tsx
@@ -24,7 +24,7 @@ const FormDevExpress = (props: {
   const { listFormCode, isSubForm, mode, refForm, formData, formItems, setFormData } = props
 
   return (
-    <form className={`${DX_CLASSNAMES} py-2`}>
+    <form className={`${DX_CLASSNAMES} py-2 px-2`}>
       <FormDx
         ref={refForm}
         formData={formData}
diff --git a/ui/src/views/form/FormEdit.tsx b/ui/src/views/form/FormEdit.tsx
index 0dbc7b08..c9690137 100644
--- a/ui/src/views/form/FormEdit.tsx
+++ b/ui/src/views/form/FormEdit.tsx
@@ -66,7 +66,9 @@ const FormEdit = (
           defaultTitle="Sözsoft Kurs Platform"
         ></Helmet>
       )}
-      <div className={`flex items-center mb-2 ${isSubForm ? 'justify-center' : 'justify-between'}`}>
+      <div
+        className={`flex items-center pb-2 px-2 ${isSubForm ? 'justify-end' : 'justify-between'}`}
+      >
         {!isSubForm && <h3>{translate('::' + gridDto?.gridOptions.title)}</h3>}
         {permissionResults && (
           <FormButtons
@@ -88,14 +90,16 @@ const FormEdit = (
           />
         )}
       </div>
-      <FormDevExpress
-        mode={mode}
-        refForm={refForm}
-        formData={formData}
-        formItems={formItems}
-        setFormData={setFormData}
-        listFormCode={listFormCode}
-      />
+      <div className="px-2">
+        <FormDevExpress
+          mode={mode}
+          refForm={refForm}
+          formData={formData}
+          formItems={formItems}
+          setFormData={setFormData}
+          listFormCode={listFormCode}
+        />
+      </div>
       <SubForms gridDto={gridDto!} formData={formData} level={level ?? 0} />
     </Container>
   )
diff --git a/ui/src/views/form/FormNew.tsx b/ui/src/views/form/FormNew.tsx
index 1c83aeb1..fe2aff8d 100644
--- a/ui/src/views/form/FormNew.tsx
+++ b/ui/src/views/form/FormNew.tsx
@@ -152,7 +152,9 @@ const FormNew = (
           defaultTitle="Sözsoft Kurs Platform"
         ></Helmet>
       )}
-      <div className={`flex items-center mb-2 ${isSubForm ? 'justify-center' : 'justify-between'}`}>
+      <div
+        className={`flex items-center pb-2 px-2 ${isSubForm ? 'justify-end' : 'justify-between'}`}
+      >
         {!isSubForm && <h3>{translate('::' + gridDto?.gridOptions.title)}</h3>}
         {permissionResults && (
           <FormButtons
@@ -173,14 +175,16 @@ const FormNew = (
           />
         )}
       </div>
-      <FormDevExpress
-        mode={mode}
-        refForm={refForm}
-        formData={formData}
-        formItems={formItems}
-        setFormData={setFormData}
-        listFormCode={listFormCode}
-      />
+      <div className="px-2">
+        <FormDevExpress
+          mode={mode}
+          refForm={refForm}
+          formData={formData}
+          formItems={formItems}
+          setFormData={setFormData}
+          listFormCode={listFormCode}
+        />
+      </div>
     </Container>
   )
 }
diff --git a/ui/src/views/form/FormView.tsx b/ui/src/views/form/FormView.tsx
index 8a342d5a..295624b6 100644
--- a/ui/src/views/form/FormView.tsx
+++ b/ui/src/views/form/FormView.tsx
@@ -60,7 +60,9 @@ const FormView = (
           defaultTitle="Sözsoft Kurs Platform"
         ></Helmet>
       )}
-      <div className={`flex items-center mb-2 ${isSubForm ? 'justify-center' : 'justify-between'}`}>
+      <div
+        className={`flex items-center pb-2 px-2 ${isSubForm ? 'justify-end' : 'justify-between'}`}
+      >
         {!isSubForm && <h3>{translate('::' + gridDto?.gridOptions.title)}</h3>}
         {permissionResults && (
           <FormButtons
@@ -82,14 +84,16 @@ const FormView = (
           />
         )}
       </div>
-      <FormDevExpress
-        mode={mode}
-        refForm={refForm}
-        formData={formData}
-        formItems={formItems}
-        setFormData={() => {}}
-        listFormCode={listFormCode}
-      />
+      <div className="px-2">
+        <FormDevExpress
+          mode={mode}
+          refForm={refForm}
+          formData={formData}
+          formItems={formItems}
+          setFormData={() => {}}
+          listFormCode={listFormCode}
+        />
+      </div>
       <SubForms gridDto={gridDto!} formData={formData} level={level ?? 0} refreshData={fetchData} />
     </Container>
   )
diff --git a/ui/src/views/list/Card.tsx b/ui/src/views/list/Card.tsx
index 96034055..1644e256 100644
--- a/ui/src/views/list/Card.tsx
+++ b/ui/src/views/list/Card.tsx
@@ -149,8 +149,10 @@ const CardItem = ({
   }
 
   return (
-    <div className="bg-white dark:bg-neutral-800 border dark:border-neutral-700 flex flex-col groupp p-2">
-      <div className={`flex items-center ${isSubForm ? 'justify-end' : 'justify-between'}`}>
+    <div className="bg-white dark:bg-neutral-800 border dark:border-neutral-700 flex flex-col">
+      <div
+        className={`flex items-center pt-2 px-2 ${isSubForm ? 'justify-end' : 'justify-between'}`}
+      >
         {!isSubForm && <h3>{translate('::' + gridDto?.gridOptions.title)}</h3>}
         {permissionResults && (
           <FormButtons