diff --git a/src/components/Dashboard/Modals/EditService/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx b/src/components/Dashboard/Modals/EditService/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx
index 4fa58bd6c..5087f49c7 100644
--- a/src/components/Dashboard/Modals/EditService/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx
+++ b/src/components/Dashboard/Modals/EditService/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx
@@ -1,21 +1,9 @@
 /* eslint-disable @next/next/no-img-element */
-import {
-  Alert,
-  Card,
-  Group,
-  PasswordInput,
-  Select,
-  SelectItem,
-  Space,
-  Text,
-  TextInput,
-} from '@mantine/core';
+import { Group, Select, SelectItem, Text } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
-import { IconKey, IconUser } from '@tabler/icons';
 import { useTranslation } from 'next-i18next';
 import { forwardRef, useState } from 'react';
-import { ServiceType } from '../../../../../../../../../types/service';
-import { TextExplanation } from '../TextExplanation/TextExplanation';
+import { ServiceType } from '../../../../../../../../types/service';
 
 interface IntegrationSelectorProps {
   form: UseFormReturnType<ServiceType, (item: ServiceType) => ServiceType>;
diff --git a/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx b/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx
index a2c16a9d1..ad2425e17 100644
--- a/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx
+++ b/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx
@@ -46,7 +46,10 @@ export const AvailableElementTypes = ({
                     onClickUrl: '',
                   },
                   area: {
-                    type: 'wrapper',
+                    type: 'sidebar',
+                    properties: {
+                      location: 'right',
+                    },
                   },
                   shape: {
                     location: {
diff --git a/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx b/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx
index 52aa81745..66accdfd6 100644
--- a/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx
+++ b/src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx
@@ -1,12 +1,11 @@
-import { ActionIcon, Button, Group, Text } from '@mantine/core';
+import { Button, Text } from '@mantine/core';
 import { IconArrowNarrowLeft } from '@tabler/icons';
 
 interface SelectorBackArrowProps {
   onClickBack: () => void;
 }
 
-export const SelectorBackArrow = ({ title, onClickBack }: SelectorBackArrowProps) => {
-  return (
+export const SelectorBackArrow = ({ onClickBack }: SelectorBackArrowProps) => (
     <Button
       leftIcon={<IconArrowNarrowLeft />}
       onClick={onClickBack}
@@ -18,4 +17,3 @@ export const SelectorBackArrow = ({ title, onClickBack }: SelectorBackArrowProps
       <Text>See all available elements</Text>
     </Button>
   );
-};