diff --git a/src/components/Themes/ui/BasicPalette/AddColorButton.tsx b/src/components/Themes/ui/BasicPalette/AddColorButton.tsx
index 607f1d3fa364..d85752b78388 100644
--- a/src/components/Themes/ui/BasicPalette/AddColorButton.tsx
+++ b/src/components/Themes/ui/BasicPalette/AddColorButton.tsx
@@ -1,7 +1,7 @@
 import {Plus} from 'landing-icons';
 import {Button, Icon} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 
diff --git a/src/components/Themes/ui/BasicPalette/BasicPalette.tsx b/src/components/Themes/ui/BasicPalette/BasicPalette.tsx
index c29dbad26d11..6b2f793bfb9f 100644
--- a/src/components/Themes/ui/BasicPalette/BasicPalette.tsx
+++ b/src/components/Themes/ui/BasicPalette/BasicPalette.tsx
@@ -1,5 +1,5 @@
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {useThemeCreatorMethods, useThemePalette} from '../../hooks';
 import {ThemeVariant} from '../../lib/types';
diff --git a/src/components/Themes/ui/BorderRadiusTab/BorderCard/BorderCard.tsx b/src/components/Themes/ui/BorderRadiusTab/BorderCard/BorderCard.tsx
index 85ad454058a6..f26562d7f1c9 100644
--- a/src/components/Themes/ui/BorderRadiusTab/BorderCard/BorderCard.tsx
+++ b/src/components/Themes/ui/BorderRadiusTab/BorderCard/BorderCard.tsx
@@ -1,5 +1,5 @@
+import {useTranslation} from 'next-i18next';
 import React, {useCallback} from 'react';
-import {useTranslation} from 'react-i18next';
 import {SelectableCard} from 'src/components/SelectableCard/SelectableCard';
 import {RADIUS_PRESETS} from 'src/components/Themes/lib/constants';
 import {RadiusPresetName} from 'src/components/Themes/lib/types';
diff --git a/src/components/Themes/ui/BorderRadiusTab/BorderPresets/BorderPresets.tsx b/src/components/Themes/ui/BorderRadiusTab/BorderPresets/BorderPresets.tsx
index c920fbdded6a..5af16520186a 100644
--- a/src/components/Themes/ui/BorderRadiusTab/BorderPresets/BorderPresets.tsx
+++ b/src/components/Themes/ui/BorderRadiusTab/BorderPresets/BorderPresets.tsx
@@ -1,6 +1,6 @@
 import {Col, Row} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React, {useCallback} from 'react';
-import {useTranslation} from 'react-i18next';
 import {ChangeRadiusPresetInThemeParams} from 'src/components/Themes/lib/themeCreatorUtils';
 import {RadiusPresetName} from 'src/components/Themes/lib/types';
 
diff --git a/src/components/Themes/ui/BorderRadiusTab/ComponentPreview/ComponentPreview.tsx b/src/components/Themes/ui/BorderRadiusTab/ComponentPreview/ComponentPreview.tsx
index ee16aa74282f..430191079f49 100644
--- a/src/components/Themes/ui/BorderRadiusTab/ComponentPreview/ComponentPreview.tsx
+++ b/src/components/Themes/ui/BorderRadiusTab/ComponentPreview/ComponentPreview.tsx
@@ -1,5 +1,5 @@
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {useThemeCreator} from '../../../hooks';
 import {exportTheme} from '../../../lib/themeCreatorExport';
diff --git a/src/components/Themes/ui/BorderRadiusTab/CustomRadius/CustomRadius.tsx b/src/components/Themes/ui/BorderRadiusTab/CustomRadius/CustomRadius.tsx
index 2a1532e32778..3f530187ffbb 100644
--- a/src/components/Themes/ui/BorderRadiusTab/CustomRadius/CustomRadius.tsx
+++ b/src/components/Themes/ui/BorderRadiusTab/CustomRadius/CustomRadius.tsx
@@ -1,6 +1,6 @@
 import {Col, Flex, Row, Text, TextInput} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React, {useCallback, useMemo} from 'react';
-import {useTranslation} from 'react-i18next';
 import {UpdateCustomRadiusPresetInThemeParams} from 'src/components/Themes/lib/themeCreatorUtils';
 import {RadiusSizeName, RadiusValue} from 'src/components/Themes/lib/types';
 
diff --git a/src/components/Themes/ui/BorderRadiusTab/Showcase/Showcase.tsx b/src/components/Themes/ui/BorderRadiusTab/Showcase/Showcase.tsx
index 6bedddb601ac..419414e8f898 100644
--- a/src/components/Themes/ui/BorderRadiusTab/Showcase/Showcase.tsx
+++ b/src/components/Themes/ui/BorderRadiusTab/Showcase/Showcase.tsx
@@ -10,8 +10,8 @@ import {
     ThemeProvider,
 } from 'landing-uikit';
 import type {ButtonProps} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React, {useMemo} from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../../utils';
 
diff --git a/src/components/Themes/ui/ColorsTab/ColorsTab.tsx b/src/components/Themes/ui/ColorsTab/ColorsTab.tsx
index 1a75d32d3cc6..afaaa2e83a4e 100644
--- a/src/components/Themes/ui/ColorsTab/ColorsTab.tsx
+++ b/src/components/Themes/ui/ColorsTab/ColorsTab.tsx
@@ -1,6 +1,6 @@
 import {Flex} from 'landing-uikit';
+import {Trans, useTranslation} from 'next-i18next';
 import React from 'react';
-import {Trans, useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {useThemeCreator, useThemeCreatorMethods} from '../../hooks';
diff --git a/src/components/Themes/ui/ComponentPreview/ComponentPreview.tsx b/src/components/Themes/ui/ComponentPreview/ComponentPreview.tsx
index e4f4ac41f83e..e38d73b4ffc3 100644
--- a/src/components/Themes/ui/ComponentPreview/ComponentPreview.tsx
+++ b/src/components/Themes/ui/ComponentPreview/ComponentPreview.tsx
@@ -1,4 +1,5 @@
 import {Flex} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import dynamic from 'next/dynamic';
 import React from 'react';
 
diff --git a/src/components/Themes/ui/ExportThemeSection/ExportThemeSection.tsx b/src/components/Themes/ui/ExportThemeSection/ExportThemeSection.tsx
index fca4bdb13a3a..170a01ebdec7 100644
--- a/src/components/Themes/ui/ExportThemeSection/ExportThemeSection.tsx
+++ b/src/components/Themes/ui/ExportThemeSection/ExportThemeSection.tsx
@@ -1,7 +1,7 @@
 import {ArrowUpFromSquare} from 'landing-icons';
 import {Button, Icon} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {ThemeExportDialog} from '../ThemeExportDialog/ThemeExportDialog';
diff --git a/src/components/Themes/ui/MainSettings/MainSettings.tsx b/src/components/Themes/ui/MainSettings/MainSettings.tsx
index c4b6e2701435..6c32abcb4d55 100644
--- a/src/components/Themes/ui/MainSettings/MainSettings.tsx
+++ b/src/components/Themes/ui/MainSettings/MainSettings.tsx
@@ -1,7 +1,7 @@
 import {Sliders} from 'landing-icons';
 import {Button, Flex, Icon, Text} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {SelectableCard} from '../../../SelectableCard/SelectableCard';
diff --git a/src/components/Themes/ui/ThemableSettings/ThemableCard.tsx b/src/components/Themes/ui/ThemableSettings/ThemableCard.tsx
index cf065660f3d9..37ba3360cd30 100644
--- a/src/components/Themes/ui/ThemableSettings/ThemableCard.tsx
+++ b/src/components/Themes/ui/ThemableSettings/ThemableCard.tsx
@@ -1,7 +1,7 @@
 import {Moon, Sun} from 'landing-icons';
 import {Flex, Icon, Text, ThemeProvider} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {useThemeUtilityColor} from '../../hooks';
diff --git a/src/components/Themes/ui/ThemeExportDialog/ThemeExportDialog.tsx b/src/components/Themes/ui/ThemeExportDialog/ThemeExportDialog.tsx
index 59e0c67d2b6c..6cf084f6707c 100644
--- a/src/components/Themes/ui/ThemeExportDialog/ThemeExportDialog.tsx
+++ b/src/components/Themes/ui/ThemeExportDialog/ThemeExportDialog.tsx
@@ -1,6 +1,6 @@
 import {Dialog, Flex} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {CodeExample} from '../../../CodeExample/CodeExample';