diff --git a/apps/web/Components/Calculation/Form/ELT/Kasko.tsx b/apps/web/Components/Calculation/Form/ELT/Kasko.tsx
index c704b82..04f4bb1 100644
--- a/apps/web/Components/Calculation/Form/ELT/Kasko.tsx
+++ b/apps/web/Components/Calculation/Form/ELT/Kasko.tsx
@@ -11,11 +11,12 @@ import { useStore } from '@/stores/hooks';
 import { useApolloClient } from '@apollo/client';
 import type { QueryFunctionContext } from '@tanstack/react-query';
 import { useQueries } from '@tanstack/react-query';
+import { observer } from 'mobx-react-lite';
 import { Flex } from 'ui/grid';
 
 const storeSelector: StoreSelector = ({ kasko }) => kasko;
 
-export function Kasko() {
+export const Kasko = observer(() => {
   const store = useStore();
   const { $tables, $calculation } = store;
 
@@ -177,4 +178,4 @@ export function Kasko() {
       />
     </Flex>
   );
-}
+});
diff --git a/apps/web/Components/Calculation/Form/ELT/Osago.tsx b/apps/web/Components/Calculation/Form/ELT/Osago.tsx
index 3f0ee6e..ac6f0fe 100644
--- a/apps/web/Components/Calculation/Form/ELT/Osago.tsx
+++ b/apps/web/Components/Calculation/Form/ELT/Osago.tsx
@@ -11,11 +11,12 @@ import { useStore } from '@/stores/hooks';
 import { useApolloClient } from '@apollo/client';
 import type { QueryFunctionContext } from '@tanstack/react-query';
 import { useQueries } from '@tanstack/react-query';
+import { observer } from 'mobx-react-lite';
 import { Flex } from 'ui/grid';
 
 const storeSelector: StoreSelector = ({ osago }) => osago;
 
-export function Osago() {
+export const Osago = observer(() => {
   const store = useStore();
   const { $tables } = store;
 
@@ -150,4 +151,4 @@ export function Osago() {
       />
     </Flex>
   );
-}
+});