diff --git a/src/components/Filters.tsx b/src/components/Filters.tsx
index be9912c1..81bc61e2 100644
--- a/src/components/Filters.tsx
+++ b/src/components/Filters.tsx
@@ -7,7 +7,6 @@ import {
   FormControl,
   InputLabel,
   Button,
-  Box,
 } from "@material-ui/core";
 import { TestRun, TestVariation } from "../types";
 import { DebounceInput } from "react-debounce-input";
@@ -43,10 +42,10 @@ const Filters: React.FunctionComponent<IProps> = ({
   const [customTags, setCustomTags] = customTagsState;
   const [testStatus, setTestStatus] = testStatusState
     ? testStatusState
-    : [null, () => { }];
+    : [null, () => {}];
   const [branchName, setBranchName] = branchNameState
     ? branchNameState
-    : [null, () => { }];
+    : [null, () => {}];
 
   const osList = items
     .map((t) => t.os)
@@ -82,210 +81,204 @@ const Filters: React.FunctionComponent<IProps> = ({
       .filter((v, i, array) => v && array.indexOf(v) === i);
 
   return (
-    <Box m={1}>
-      <Grid container spacing={2} alignItems="flex-end">
+    <Grid container spacing={2} alignItems="flex-end">
+      <Grid item xs>
+        <DebounceInput
+          fullWidth
+          label="Name"
+          value={query}
+          element={TextField}
+          minLength={2}
+          debounceTimeout={300}
+          onChange={(event) => setQuery(event?.target.value)}
+        />
+      </Grid>
+      {osList.length > 0 && (
         <Grid item xs>
-          <DebounceInput
-            fullWidth
-            label="Name"
-            value={query}
-            element={TextField}
-            minLength={2}
-            debounceTimeout={300}
-            onChange={(event) => setQuery(event?.target.value)}
-          />
-        </Grid>
-        {osList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_os">
-                OS
-              </InputLabel>
-              <Select
-                id="filter_os"
-                value={os}
-                displayEmpty
-                onChange={(event) => setOs(event.target.value as string)}
-              >
-                <MenuItem value="">
-                  <em>All</em>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_os">
+              OS
+            </InputLabel>
+            <Select
+              id="filter_os"
+              value={os}
+              displayEmpty
+              onChange={(event) => setOs(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {osList.map((os) => (
+                <MenuItem key={os} value={os}>
+                  {os}
                 </MenuItem>
-                {osList.map((os) => (
-                  <MenuItem key={os} value={os}>
-                    {os}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        {deviceList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_device">
-                Device
-              </InputLabel>
-              <Select
-                id="filter_device"
-                value={device}
-                displayEmpty
-                onChange={(event) => setDevice(event.target.value as string)}
-              >
-                <MenuItem value="">
-                  <em>All</em>
+              ))}
+            </Select>
+          </FormControl>
+        </Grid>
+      )}
+      {deviceList.length > 0 && (
+        <Grid item xs>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_device">
+              Device
+            </InputLabel>
+            <Select
+              id="filter_device"
+              value={device}
+              displayEmpty
+              onChange={(event) => setDevice(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {deviceList.map((device) => (
+                <MenuItem key={device} value={device}>
+                  {device}
                 </MenuItem>
-                {deviceList.map((device) => (
-                  <MenuItem key={device} value={device}>
-                    {device}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        {browserList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_browser">
-                Browser
-              </InputLabel>
-              <Select
-                id="filter_browser"
-                value={browser}
-                displayEmpty
-                onChange={(event) => setBrowser(event.target.value as string)}
-              >
-                <MenuItem value="">
-                  <em>All</em>
+              ))}
+            </Select>
+          </FormControl>
+        </Grid>
+      )}
+      {browserList.length > 0 && (
+        <Grid item xs>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_browser">
+              Browser
+            </InputLabel>
+            <Select
+              id="filter_browser"
+              value={browser}
+              displayEmpty
+              onChange={(event) => setBrowser(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {browserList.map((item) => (
+                <MenuItem key={item} value={item}>
+                  {item}
                 </MenuItem>
-                {browserList.map((item) => (
-                  <MenuItem key={item} value={item}>
-                    {item}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        {viewportList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_viewport">
-                Viewport
-              </InputLabel>
-              <Select
-                id="filter_viewport"
-                value={viewport}
-                displayEmpty
-                onChange={(event) => setViewport(event.target.value as string)}
-              >
-                <MenuItem value="">
-                  <em>All</em>
+              ))}
+            </Select>
+          </FormControl>
+        </Grid>
+      )}
+      {viewportList.length > 0 && (
+        <Grid item xs>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_viewport">
+              Viewport
+            </InputLabel>
+            <Select
+              id="filter_viewport"
+              value={viewport}
+              displayEmpty
+              onChange={(event) => setViewport(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {viewportList.map((item) => (
+                <MenuItem key={item} value={item}>
+                  {item}
                 </MenuItem>
-                {viewportList.map((item) => (
-                  <MenuItem key={item} value={item}>
-                    {item}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        {customTagsList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_customTags">
-                Custom Tags
-              </InputLabel>
-              <Select
-                id="filter_customTags"
-                value={customTags}
-                displayEmpty
-                onChange={(event) => setCustomTags(event.target.value as string)}
-              >
-                <MenuItem value="">
-                  <em>All</em>
+              ))}
+            </Select>
+          </FormControl>
+        </Grid>
+      )}
+      {customTagsList.length > 0 && (
+        <Grid item xs>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_customTags">
+              Custom Tags
+            </InputLabel>
+            <Select
+              id="filter_customTags"
+              value={customTags}
+              displayEmpty
+              onChange={(event) => setCustomTags(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {customTagsList.map((item) => (
+                <MenuItem key={item} value={item}>
+                  {item}
                 </MenuItem>
-                {customTagsList.map((item) => (
-                  <MenuItem key={item} value={item}>
-                    {item}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        {testStatusList && testStatusList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_testStatus">
-                Status
-              </InputLabel>
-              <Select
-                id="filter_testStatus"
-                value={testStatus}
-                displayEmpty
-                onChange={(event) =>
-                  setTestStatus(event.target.value as string)
-                }
-              >
-                <MenuItem value="">
-                  <em>All</em>
+              ))}
+            </Select>
+          </FormControl>
+        </Grid>
+      )}
+      {testStatusList && testStatusList.length > 0 && (
+        <Grid item xs>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_testStatus">
+              Status
+            </InputLabel>
+            <Select
+              id="filter_testStatus"
+              value={testStatus}
+              displayEmpty
+              onChange={(event) => setTestStatus(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {testStatusList.map((item) => (
+                <MenuItem key={item} value={item}>
+                  {item}
                 </MenuItem>
-                {testStatusList.map((item) => (
-                  <MenuItem key={item} value={item}>
-                    {item}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        {branchNameList && branchNameList.length > 0 && (
-          <Grid item xs>
-            <FormControl fullWidth>
-              <InputLabel shrink id="filter_branchName">
-                Branch
-              </InputLabel>
-              <Select
-                id="filter_branchName"
-                value={branchName}
-                displayEmpty
-                onChange={(event) =>
-                  setBranchName(event.target.value as string)
-                }
-              >
-                <MenuItem value="">
-                  <em>All</em>
+              ))}
+            </Select>
+          </FormControl>
+        </Grid>
+      )}
+      {branchNameList && branchNameList.length > 0 && (
+        <Grid item xs>
+          <FormControl fullWidth>
+            <InputLabel shrink id="filter_branchName">
+              Branch
+            </InputLabel>
+            <Select
+              id="filter_branchName"
+              value={branchName}
+              displayEmpty
+              onChange={(event) => setBranchName(event.target.value as string)}
+            >
+              <MenuItem value="">
+                <em>All</em>
+              </MenuItem>
+              {branchNameList.map((item) => (
+                <MenuItem key={item} value={item}>
+                  {item}
                 </MenuItem>
-                {branchNameList.map((item) => (
-                  <MenuItem key={item} value={item}>
-                    {item}
-                  </MenuItem>
-                ))}
-              </Select>
-            </FormControl>
-          </Grid>
-        )}
-        <Grid item>
-          <Button
-            variant="contained"
-            color="primary"
-            onClick={() => {
-              setQuery("");
-              setOs("");
-              setDevice("");
-              setBrowser("");
-              setViewport("");
-              setCustomTags("");
-              setTestStatus("");
-            }}
-          >
-            Reset
-          </Button>
+              ))}
+            </Select>
+          </FormControl>
         </Grid>
+      )}
+      <Grid item>
+        <Button
+          variant="contained"
+          color="primary"
+          onClick={() => {
+            setQuery("");
+            setOs("");
+            setDevice("");
+            setBrowser("");
+            setViewport("");
+            setCustomTags("");
+            setTestStatus("");
+          }}
+        >
+          Reset
+        </Button>
       </Grid>
-    </Box>
+    </Grid>
   );
 };
 
diff --git a/src/components/TestRunList/BulkOperation.tsx b/src/components/TestRunList/BulkOperation.tsx
index 5f9c2ae1..a1b43294 100644
--- a/src/components/TestRunList/BulkOperation.tsx
+++ b/src/components/TestRunList/BulkOperation.tsx
@@ -7,6 +7,7 @@ import {
 } from "@material-ui/core";
 import {
   GridRowData,
+  GridRowId,
   GridSelectionState,
   useGridSlotComponentProps,
 } from "@material-ui/data-grid";
@@ -27,8 +28,8 @@ export const BulkOperation: React.FunctionComponent = () => {
     false
   );
   const [isProcessing, setIsProcessing] = React.useState(false);
-  const ids: string[] = React.useMemo(
-    () => Object.keys(props.state.selection),
+  const ids: GridRowId[] = React.useMemo(
+    () => Object.values(props.state.selection),
     [props.state.selection]
   );
   const isMerge: boolean = React.useMemo(
diff --git a/src/components/TestVariationMergeForm.tsx b/src/components/TestVariationMergeForm.tsx
index bad7bcb7..331e9de8 100644
--- a/src/components/TestVariationMergeForm.tsx
+++ b/src/components/TestVariationMergeForm.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Grid, Select, MenuItem, Button } from "@material-ui/core";
+import { Grid, Select, MenuItem, Button, TextField } from "@material-ui/core";
 import { testVariationService } from "../services";
 import { useHistory } from "react-router-dom";
 import {
@@ -8,6 +8,7 @@ import {
 } from "../_helpers/route.helpers";
 import { useSnackbar } from "notistack";
 import { selectBuild, useBuildDispatch } from "../contexts";
+import { Autocomplete } from "@material-ui/lab";
 
 interface IProps {
   projectId: string;
@@ -21,12 +22,13 @@ export const TestVariationMergeForm: React.FunctionComponent<IProps> = ({
   const history = useHistory();
   const buildDispatch = useBuildDispatch();
   const { enqueueSnackbar } = useSnackbar();
-  const [branch, setBranch] = React.useState("");
+  const [fromBranch, setFromBranch] = React.useState("");
+  const [toBranch, setToBranch] = React.useState("");
 
   const handleSubmit = (event: React.FormEvent) => {
     event.preventDefault();
     testVariationService
-      .merge(projectId, branch)
+      .merge(projectId, fromBranch, toBranch)
       .then((build) => {
         enqueueSnackbar(`Merge started in build: ${build.id}`, {
           variant: "success",
@@ -46,15 +48,17 @@ export const TestVariationMergeForm: React.FunctionComponent<IProps> = ({
 
   return (
     <form onSubmit={handleSubmit}>
-      <Grid container spacing={2}>
-        <Grid item>
+      <Grid container spacing={2} alignItems="flex-end">
+        <Grid item xs>
           <Select
+            required
+            fullWidth
             displayEmpty
-            value={branch}
-            onChange={(event) => setBranch(event.target.value as string)}
+            value={fromBranch}
+            onChange={(event) => setFromBranch(event.target.value as string)}
           >
             <MenuItem value="">
-              <em>Select branch</em>
+              <em>From branch</em>
             </MenuItem>
             {items.map((i) => (
               <MenuItem key={i} value={i}>
@@ -63,6 +67,21 @@ export const TestVariationMergeForm: React.FunctionComponent<IProps> = ({
             ))}
           </Select>
         </Grid>
+        <Grid item xs>
+          <Autocomplete
+            id="toBranch"
+            options={items.map((i) => ({ title: i }))}
+            getOptionLabel={(option) => option.title}
+            freeSolo
+            fullWidth
+            renderInput={(params) => (
+              <TextField {...params} required label="To branch" />
+            )}
+            onInputChange={(_, value) => {
+              setToBranch(value);
+            }}
+          />
+        </Grid>
         <Grid item>
           <Button type="submit" color="primary" variant="contained">
             Merge
diff --git a/src/services/testRun.service.ts b/src/services/testRun.service.ts
index 69bb6085..c013b946 100644
--- a/src/services/testRun.service.ts
+++ b/src/services/testRun.service.ts
@@ -17,7 +17,7 @@ async function getList(buildId: string): Promise<TestRun[]> {
   ).then(handleResponse);
 }
 
-async function removeBulk(ids: string[]): Promise<void> {
+async function removeBulk(ids: (string | number)[]): Promise<void> {
   const requestOptions = {
     method: "POST",
     headers: { "Content-Type": "application/json", ...authHeader() },
@@ -29,7 +29,7 @@ async function removeBulk(ids: string[]): Promise<void> {
   );
 }
 
-async function rejectBulk(ids: string[]): Promise<void> {
+async function rejectBulk(ids: (string | number)[]): Promise<void> {
   const requestOptions = {
     method: "POST",
     headers: { "Content-Type": "application/json", ...authHeader() },
@@ -41,7 +41,10 @@ async function rejectBulk(ids: string[]): Promise<void> {
   );
 }
 
-async function approveBulk(ids: string[], merge: boolean): Promise<void> {
+async function approveBulk(
+  ids: (string | number)[],
+  merge: boolean
+): Promise<void> {
   const requestOptions = {
     method: "POST",
     headers: { "Content-Type": "application/json", ...authHeader() },
diff --git a/src/services/testVariation.service.ts b/src/services/testVariation.service.ts
index c704f872..a01813ee 100644
--- a/src/services/testVariation.service.ts
+++ b/src/services/testVariation.service.ts
@@ -27,14 +27,18 @@ async function getDetails(id: String): Promise<TestVariation> {
   );
 }
 
-async function merge(projectId: String, branchName: String): Promise<Build> {
+async function merge(
+  projectId: String,
+  fromBranch: String,
+  toBranch: String
+): Promise<Build> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
   };
 
   return fetch(
-    `${API_URL}${ENDPOINT_URL}/merge?projectId=${projectId}&branchName=${branchName}`,
+    `${API_URL}${ENDPOINT_URL}/merge?projectId=${projectId}&fromBranch=${fromBranch}&toBranch=${toBranch}`,
     requestOptions
   ).then(handleResponse);
 }
diff --git a/src/types/ignoreArea.ts b/src/types/ignoreArea.ts
index a17aafca..e7825c31 100644
--- a/src/types/ignoreArea.ts
+++ b/src/types/ignoreArea.ts
@@ -7,6 +7,6 @@ export interface IgnoreArea {
 }
 
 export interface UpdateIgnoreAreaDto {
-  ids: string[];
+  ids: (string | number)[];
   ignoreAreas: IgnoreArea[];
 }