diff --git a/portal/mock-server/src/all-experiments.json b/portal/mock-server/src/all-experiments.json
index 1176ca9b..8c24bc1f 100644
--- a/portal/mock-server/src/all-experiments.json
+++ b/portal/mock-server/src/all-experiments.json
@@ -37,7 +37,7 @@
       {
         "id": 359,
         "algorithm": "p256_kyber512",
-        "iterations": 1000,
+        "iterations": 10000,
         "message_size": 1024
       },
       {
diff --git a/portal/package.json b/portal/package.json
index 868ded62..ad27ccbd 100644
--- a/portal/package.json
+++ b/portal/package.json
@@ -117,7 +117,8 @@
       "<rootDir>/src/index.tsx",
       "<rootDir>/src/reportWebVitals.ts",
       "<rootDir>/src/setupProxy.js",
-      "<rootDir>/src/environments/*.*"
+      "<rootDir>/src/environments/*.*",
+      "<rootDir>/src/gh-pages"
     ]
   }
 }
diff --git a/portal/src/app/components/all-experiments/Experiments.test.tsx b/portal/src/app/components/all-experiments/Experiments.test.tsx
index 6106dd28..8df89aa4 100644
--- a/portal/src/app/components/all-experiments/Experiments.test.tsx
+++ b/portal/src/app/components/all-experiments/Experiments.test.tsx
@@ -1,44 +1,102 @@
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import { Experiments } from './Experiments';
 import { useExperimentsData } from './hooks';
 import { FetchDataStatus, useFetch } from '../../shared/hooks/useFetch';
+import React from 'react';
+import { ExperimentData } from './models/experiments.interface';
+import { DeleteExperimentModal, DeleteExperimentModalProps } from '../home/components/experiment/components/delete-experiment-modal';
+import { Button } from '../../shared/components/att-button';
+import { MOCK_DATA_FOR_ALL_EXPERIMENTS, MOCK_EXPERIMENTS_DATA_FOR_ALL_EXPERIMENTS } from './__mocks__/mocks';
+import { ALL_EXPERIMENTS_TABLE_EN } from './translate/en';
 
 jest.mock('./hooks');
+jest.mock('../../shared/components/att-button');
+jest.mock('../../shared/components/qujata-table');
+jest.mock('../home/components/experiment/components/delete-experiment-modal');
 jest.mock('../../shared/hooks/useFetch');
 jest.mock('react-router-dom', () => ({
   useNavigate: jest.fn(),
 }));
 
 describe('Experiments', () => {
-  it('renders correctly', () => {
+  let mockCheckedRows = { 15: true, 16: false, 17: true };
+  let mockExperimentsData: ExperimentData[] = MOCK_EXPERIMENTS_DATA_FOR_ALL_EXPERIMENTS;
+
+  beforeEach(() => {
+    const setExperimentsData = jest.fn((newData) => {
+      (typeof newData === 'function')
+        ? mockExperimentsData = newData(mockExperimentsData)
+        : mockExperimentsData = newData;
+    });
+    const setCheckedRows = jest.fn((newData) => {
+      (typeof newData === 'function')
+        ? mockCheckedRows = newData(mockCheckedRows)
+        : mockCheckedRows = newData;
+    });
+    jest.spyOn(React, 'useState')
+      .mockImplementationOnce(() => [true, jest.fn()])
+      .mockImplementationOnce(() => [{ 15: true, 16: false, 17: true }, setCheckedRows])
+      .mockImplementationOnce(() => [mockExperimentsData, setExperimentsData])
+      .mockImplementationOnce(() => [[], jest.fn()]);
+
+    (useFetch as jest.Mock).mockReturnValue({
+      post: jest.fn(),
+      status: FetchDataStatus.Success,
+      error: null,
+      cancelRequest: jest.fn(),
+    });
     (useExperimentsData as jest.Mock).mockReturnValue({
-      test_suites: [{
-        id: 15,
-        name: "Experiment 1",
-        end_time: 1705240065192,
-        test_runs: [
-          {
-            id: 354,
-            algorithm: "prime256v1",
-            iterations: 100
-          },
-          {
-            id: 355,
-            algorithm: "prime256v1",
-            iterations: 500
-          }
-        ]
-      }],
-      status: FetchDataStatus.Fetching,
+      testSuites: MOCK_DATA_FOR_ALL_EXPERIMENTS,
+      status: FetchDataStatus.Success,
     });
+    (Button as jest.Mock).mockImplementation(({ onButtonClick }) => {
+      const handleDeleteClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
+        onButtonClick(event);
+      }
+      return <div onClick={handleDeleteClick} data-testid='button_id'>DeleteExperimentModal</div>;
+    });
+    (DeleteExperimentModal as jest.Mock).mockImplementation((props: DeleteExperimentModalProps) => {
+      function handleCloseDeleteExperimentModal() {
+        props.onClose(true);
+      }
+      function handleCloseDeleteExperimentNoDataModal() {
+        props.onClose(false);
+      }
+      return (
+        <>
+          <div onClick={handleCloseDeleteExperimentModal} data-testid='delete_experiment_modal'>DeleteExperimentModal</div>
+          <div onClick={handleCloseDeleteExperimentNoDataModal} data-testid='delete_experiment_no_data_modal'>DeleteExperimentModal</div>
+        </>
+      );
+    });
+  });
+
+  test('renders Experiments correctly', () => {
+    const { container, getByTestId } = render(<Experiments />);
+    
+    const buttonElement: HTMLElement = getByTestId('button_id');
+    const deleteExperimentModal: HTMLElement = getByTestId('delete_experiment_modal');
+    const deleteExperimentNoDataModal: HTMLElement = getByTestId('delete_experiment_no_data_modal');
+    fireEvent.click(buttonElement);
+    fireEvent.click(deleteExperimentModal);
+    fireEvent.click(deleteExperimentNoDataModal);
+
+    expect(container).toBeTruthy();
+  });
+
+  test('renders Experiments while still fetching', () => {
     (useFetch as jest.Mock).mockReturnValue({
       post: jest.fn(),
       status: FetchDataStatus.Fetching,
       error: null,
       cancelRequest: jest.fn(),
     });
+    (useExperimentsData as jest.Mock).mockReturnValue({
+      testSuites: undefined,
+      status: FetchDataStatus.Fetching,
+    });
 
-    const { container } = render(<Experiments />);
-    expect(container).toMatchSnapshot();
+    const { container } = render(<Experiments />);;
+    expect(container).toBeTruthy();
   });
 });
\ No newline at end of file
diff --git a/portal/src/app/components/all-experiments/Experiments.tsx b/portal/src/app/components/all-experiments/Experiments.tsx
index 81a02eb6..0727728b 100644
--- a/portal/src/app/components/all-experiments/Experiments.tsx
+++ b/portal/src/app/components/all-experiments/Experiments.tsx
@@ -5,7 +5,7 @@ import { IUseExperimentsData, useExperimentsData } from './hooks';
 import { FetchDataStatus, IHttp, useFetch } from '../../shared/hooks/useFetch';
 import { ALL_EXPERIMENTS_TABLE_EN } from './translate/en';
 import { CellContext } from '@tanstack/react-table';
-import { Table } from '../../shared/components/table';
+import { QujataTable, TableColumn } from '../../shared/components/qujata-table';
 import { Button, ButtonActionType, ButtonSize, ButtonStyleType } from '../../shared/components/att-button';
 import { APIS } from '../../apis';
 import { useNavigate } from 'react-router-dom';
@@ -82,7 +82,7 @@ export const Experiments: React.FC = () => {
     navigate('/qujata', { state: { row } });
   }, [navigate]);
 
-  const headers = useMemo(() => {
+  const headers: TableColumn<ExperimentData>[] = useMemo(() => {
     const columnDefs = [
       { 
         id: ALL_EXPERIMENTS_TABLE_EN.TABLE_COLUMNS.CHECKBOX,
@@ -186,7 +186,7 @@ export const Experiments: React.FC = () => {
             )}
           </div>
         }
-        {experimentsData.length > 0 && <Table className={styles.experiments_table} headers={headers} data={experimentsData} />}
+        {experimentsData.length > 0 && <QujataTable className={styles.experiments_table} headers={headers} data={experimentsData} />}
         {openDeleteModal && <DeleteExperimentModal name={checkedExperimentNames} onClose={handleCloseDeleteExperimentModal} />}
        </>
     </div>
diff --git a/portal/src/app/components/all-experiments/__mocks__/mocks.ts b/portal/src/app/components/all-experiments/__mocks__/mocks.ts
new file mode 100644
index 00000000..74a928da
--- /dev/null
+++ b/portal/src/app/components/all-experiments/__mocks__/mocks.ts
@@ -0,0 +1,63 @@
+import { Experiment, ExperimentData } from "../models/experiments.interface";
+
+export const MOCK_DATA_FOR_ALL_EXPERIMENTS: Experiment[] = [
+  {
+    id: 17,
+    name: "Experiment 3",
+    end_time: 1705389926549,
+    test_runs: [
+      {
+        id: 366,
+        algorithm: "prime256v1",
+        iterations: 500,
+        message_size: 256
+      },
+      {
+        id: 367,
+        algorithm: "bikel3",
+        iterations: 1000,
+        message_size: 2048
+      },
+      {
+        id: 368,
+        algorithm: "p256_kyber512",
+        iterations: 10000,
+        message_size: 1024
+      },
+      {
+        id: 369,
+        algorithm: "prime256v1",
+        iterations: 5000,
+        message_size: 512
+      }
+    ]
+  },
+  {
+    id: 18,
+    name: "Experiment 4",
+    end_time: 1705389926549,
+    test_runs: [
+      {
+        id: 370,
+        algorithm: "kyber512",
+        iterations: 500,
+        message_size: 1024
+      },
+      {
+        id: 371,
+        algorithm: "kyber512",
+        iterations: 1000,
+        message_size: 2048
+      }
+    ]
+  }
+];
+
+export const MOCK_EXPERIMENTS_DATA_FOR_ALL_EXPERIMENTS: ExperimentData[] = [{
+  id: 15,
+  name: 'test',
+  algorithms: ['algo1', 'algo2'],
+  iterations: [100, 500],
+  message_sizes: [1024, 2048],
+  end_time: 1234
+}];
diff --git a/portal/src/app/components/all-experiments/__snapshots__/Experiments.test.tsx.snap b/portal/src/app/components/all-experiments/__snapshots__/Experiments.test.tsx.snap
deleted file mode 100644
index 8afcf59a..00000000
--- a/portal/src/app/components/all-experiments/__snapshots__/Experiments.test.tsx.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Experiments renders correctly 1`] = `
-<div>
-  <div
-    class="experiments_wrapper"
-  />
-</div>
-`;
diff --git a/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.test.tsx b/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.test.tsx
index 74d7ffb6..2f4ab9c0 100644
--- a/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.test.tsx
+++ b/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.test.tsx
@@ -1,70 +1,113 @@
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult } from '@testing-library/react';
 import { BarChart, generateTooltipTitle, renderTooltipLabel } from './BarChart';
+import { ChartData, ChartOptions, InteractionItem } from 'chart.js';
+import React from 'react';
+import { MOCK_DATA_FOR_CHART_UTILS } from '../../../../home/components/experiment/components/charts/utils/__mocks__';
+
+let options: ChartOptions<any>;
 
 jest.mock('react-chartjs-2', () => ({
-    Bar: () => <div data-testid="chart">Chart</div>,
+    Bar: (props: { options: ChartOptions<any> }) => {
+      options = props.options;
+      return <div>Chart</div>;
+    },
 }));
 jest.mock('chart.js');
 
-const tooltipKeys = ['algorithm', 'iterations'];
-const tooltipLabels = ['Algorithm', 'Iterations'];
-const data = [
-    {
-        "algorithm": "Algorithm1",
-        "iterations": 1,
-        "results": {
-            "average_cpu": 5,
-            "average_memory": 512,
-        }
-    },
-    {
-        "algorithm": "Algorithm1",
-        "iterations": 133,
-        "results": {
-            "average_cpu": 533,
-            "average_memory": 512,
-        }
-    },
-    {
-        "algorithm": "Algorithm1",
-        "iterations": 1000,
-        "results": {
-            "average_cpu": 25,
-            "average_memory": 512,
-        }
-    },
-    {
-        "algorithm": "Algorithm2",
-        "iterations": 2000,
-        "results": {
-            "average_cpu": 28,
-            "average_memory": 512,
-        }
-    },
-    {
-        "algorithm": "Algorithm3",
-        "iterations": 2000,
-        "results": {
-            "average_cpu": 28,
-            "average_memory": 512,
-        }
-    }
-];
 describe('BarChart', () => {
-  test('renders BarChart component', () => {
-    const { getByTestId }: RenderResult = render(<BarChart labels={['Algorithm1', 'Algorithm1']} data={data} title={'chart'} keyOfData={'average_cpu'} tooltipKeys={tooltipKeys} tooltipLabels={tooltipLabels} />);
-    const chartElement: HTMLElement = getByTestId('chart');
-    expect(chartElement).toBeTruthy();
+  let chartRef: any;
+  let tooltipKeys: string[];
+  let tooltipLabels: string[];
+  let titleMock: string;
+  
+  beforeAll(() => {
+    tooltipKeys = ['algorithm', 'iterations'];
+    tooltipLabels = ['Algorithm', 'Iterations'];
+    titleMock = 'chart';
+  });
+
+  test('should render BarChart correctly', () => {
+    const { container, getByTestId }: RenderResult = render(<BarChart labels={['Algorithm1', 'Algorithm1']} data={MOCK_DATA_FOR_CHART_UTILS} title={titleMock} keyOfData={'average_cpu'} tooltipKeys={tooltipKeys} tooltipLabels={tooltipLabels} />);
+
+    const barChartWrapperElement: HTMLElement = getByTestId('bar_chart_wrapper');
+    fireEvent.mouseMove(barChartWrapperElement);
+    fireEvent.mouseOut(barChartWrapperElement);
+
+    expect(container).toBeTruthy();
+    expect(barChartWrapperElement.style.cursor).toBe('default');
+  });
+
+  test('should change cursor to pointer when mouse is over a chart element', () => {
+    chartRef = {
+      current: {
+        getElementsAtEventForMode: jest.fn().mockReturnValue([{
+          index: 0,
+          datasetIndex: 0,
+          element: { x: 1, y: 1, active: true, options: {} }
+        }] as InteractionItem[] ),
+      },
+    };
+    jest.spyOn(React, 'useRef').mockReturnValue(chartRef);
+  
+    const { container, getByTestId }: RenderResult = render(<BarChart labels={['Algorithm1', 'Algorithm1']} data={MOCK_DATA_FOR_CHART_UTILS} title={undefined} keyOfData={'average_cpu'} tooltipKeys={tooltipKeys} tooltipLabels={tooltipLabels} />);
+    
+    const lineChartWrapperElement: HTMLElement = getByTestId('bar_chart_wrapper');
+    fireEvent.mouseMove(lineChartWrapperElement);
+  
+    expect(container).toBeTruthy();
+    expect(lineChartWrapperElement.style.cursor).toBe('pointer');
   });
   
   test('should return correct label', () => {
     const tooltipItem = { datasetIndex: 0, index: 0 };
-    const result = renderTooltipLabel(tooltipItem, [5, 533, 25, 28, 28], tooltipKeys, tooltipLabels, data);
-    expect(result).toBe('5 (Algorithm: Algorithm1, Iterations: 1)');
+    const result = renderTooltipLabel(tooltipItem, [5, 533, 25, 28, 28], tooltipKeys, tooltipLabels, MOCK_DATA_FOR_CHART_UTILS);
+    expect(result).toBe('5 (Algorithm: Algorithm1, Iterations: 1000)');
   });
 
   test('should return correct title', () => {
     const result = generateTooltipTitle(['label1', 'label2'], 0);
     expect(result).toBe('label1');
   });
+
+  test('should pass correct options to Bar component', () => {
+    render(<BarChart labels={['Algorithm1', 'Algorithm1']} data={MOCK_DATA_FOR_CHART_UTILS} title={undefined} keyOfData={'average_cpu'} tooltipKeys={tooltipKeys} tooltipLabels={tooltipLabels} />);
+
+    expect(options).toBeDefined();
+    
+    // Test the different scenarios for fully coverage the legend of the BarChart
+    let mockItem = { datasetIndex: 0, text: 'label1 (iteration1)' };
+    const mockChart = { datasets: [{ label: 'label1 (iteration1)' }, { label: 'label2 (iteration2)' }] };
+    let filterResult = options.plugins.legend.labels.filter(mockItem, mockChart);
+    expect(filterResult).toBe(true);
+
+    mockItem = { datasetIndex: 1, text: 'label1 (iteration1)' };
+    filterResult = options.plugins.legend.labels.filter(mockItem, mockChart);
+    expect(filterResult).toBe(false);
+
+    let mockChartForGenerateLabels: ChartData<'bar'> = { 
+        datasets: [
+          { 
+            label: 'label1 (iteration1)', 
+            data: []
+          }
+        ] 
+    };
+    let generateLabelsResult = options.plugins.legend.labels.generateLabels(mockChartForGenerateLabels);
+    expect(generateLabelsResult).toEqual([]);
+  });
+
+  test('should pass correct options for tooltip callbacks to Bar component', () => {
+    render(<BarChart labels={['Algorithm1', 'Algorithm2']} data={MOCK_DATA_FOR_CHART_UTILS} title={titleMock} keyOfData={'average_cpu'} tooltipKeys={tooltipKeys} tooltipLabels={tooltipLabels} />);
+
+    expect(options).toBeDefined();
+    
+    // Test the different scenarios for fully coverage the tooltip of the BarChart
+    let contextForTitleCallback = [{ datasetIndex: 1 }];
+    let titleResult = options.plugins.tooltip.callbacks.title(contextForTitleCallback);
+    expect(titleResult).toBe('Algorithm2');
+
+    let contextForLabelCallback = { datasetIndex: 0 };
+    let labelResult = options.plugins.tooltip.callbacks.label(contextForLabelCallback);
+    expect(labelResult).toBe('25.5 (Algorithm: Algorithm1, Iterations: 1000)');
+  });
 });
diff --git a/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.tsx b/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.tsx
index 016929f0..687f5cb0 100644
--- a/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.tsx
+++ b/portal/src/app/components/dashboard/components/charts/BarChart/BarChart.tsx
@@ -21,7 +21,7 @@ export const BarChart: React.FC<BarChartProps> = (props: BarChartProps) => {
     const [dataValues, setDataValues] = useState();
     const [datasets, setDatasets] = useState<IDatasets[]>([]);
     const [algorithmsColors, setAlgorithmsColors] = useState<{[key: string]: string}>();
-    const chartRef = useRef<any>(null);
+    const chartRef = useRef<Chart<"bar", number[], unknown>>(null);
 
     useEffect(() => {
         const temp = data.map((obj: any) => obj.results[keyOfData]);
@@ -136,6 +136,7 @@ export const BarChart: React.FC<BarChartProps> = (props: BarChartProps) => {
 
     return (
       <div
+        data-testid="bar_chart_wrapper"
         onMouseMove={(event) => {
           const elements = chartRef.current?.getElementsAtEventForMode(
             event.nativeEvent,
@@ -154,19 +155,19 @@ export const BarChart: React.FC<BarChartProps> = (props: BarChartProps) => {
           (event.currentTarget as HTMLElement).style.cursor = 'default';
         }}
       >
-        <Bar ref={chartRef as any} data={tempData} options={options} style={{ height: '450px' }} />
+        <Bar ref={chartRef} data={tempData} options={options} style={{ height: '450px' }} />
       </div>
     );
 }
 
 export function renderTooltipLabel(context: { datasetIndex : number }, dataValues: any, tooltipKeys: string[], tooltipLabels: string[], data: any): string {  
   const index = context.datasetIndex;
-    const valByKey = dataValues && dataValues[index];
-    const label1: string = tooltipKeys[0];
-    const label2: string = tooltipKeys[1];
-    const val1 = data[index][label1];
-    const val2 = data[index][label2];
-    return `${valByKey} (${tooltipLabels[0]}: ${val1}, ${tooltipLabels[1]}: ${val2})`;
+  const valByKey = dataValues && dataValues[index];
+  const label1: string = tooltipKeys[0];
+  const label2: string = tooltipKeys[1];
+  const val1 = data[index][label1];
+  const val2 = data[index][label2];
+  return `${valByKey} (${tooltipLabels[0]}: ${val1}, ${tooltipLabels[1]}: ${val2})`;
 }
 
 export function generateTooltipTitle(labels: string[], index: number): string {
diff --git a/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.test.tsx b/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.test.tsx
index ca3ad806..a4e9bca4 100644
--- a/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.test.tsx
+++ b/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.test.tsx
@@ -1,101 +1,153 @@
-import { RenderResult, render } from '@testing-library/react';
+import { RenderResult, fireEvent, render } from '@testing-library/react';
 import { LineChart, generateTooltipTitle, renderTooltipLabel } from './LineChart';
-import { PointElement, TooltipItem } from 'chart.js';
+import { ChartOptions, InteractionItem, PointElement, TooltipItem } from 'chart.js';
+import React from 'react';
 
+let options: ChartOptions<any>;
+
+jest.mock('chart.js');
 jest.mock('react-chartjs-2', () => ({
-    Bar: () => <div data-testid="chart">Chart</div>, // add data-testid attribute
-    Line: () => <div data-testid="line2">Line</div>, // add any additional components you want to mock here
+    Bar: () => <div>Chart</div>,
+    Line: (props: { options: ChartOptions<any> }) => {
+      options = props.options;
+      return <div>Line</div>;
+    },
 }));
-jest.mock('chart.js');
 
-const mockData = {
-    datasets: [
+describe('LineChart', () => {
+  let mockData: any;
+  let chartRef: any;
+
+  beforeAll(() => {
+    mockData = {
+      datasets: [
         {
-            backgroundColor: "#05BBFF",
-            borderColor: "#05BBFF",
-            borderWidth: 1,
-            data: [1,2,3,4],
-            fill: false,
-            label: "Algorithm1",
+          backgroundColor: "#05BBFF",
+          borderColor: "#05BBFF",
+          borderWidth: 1,
+          data: [1, 2, 3, 4],
+          fill: false,
+          label: "Algorithm1",
         }
-    ],
-    labels: [12, 14, 23, 104, 200, 300, 1024],
-}
+      ],
+      labels: [12, 14, 23, 104, 200, 300, 1024],
+    }
+  });
 
-describe('LineChart', () => {
-    test('renders LineChart', () => {
-        const { getByTestId }: RenderResult = render(<LineChart data={mockData} title='title' tooltipLabel='average_cpu' />);
-        const chartElement: HTMLElement = getByTestId('line2');
-        expect(chartElement).toBeTruthy();
-    });
-
-    test('should render tooltip title', () => {
-      const tooltipItem: TooltipItem<'line'> = {
-          raw: 12,
-          chart: <></> as unknown as any,
-          label: '',
-          parsed: {x: 3, y: 299},
-          formattedValue: '',
-          dataset: {
-            backgroundColor: "#05BBFF",
-            borderColor: "#05BBFF",
-            borderWidth: 1,
-            data: [1,2,3,4],
-            fill: false,
-            label: "Algorithm1",
-          },
+  test('should render LineChart correctly', () => {
+    const { container, getByTestId }: RenderResult = render(<LineChart data={mockData} title='title' tooltipLabel='average_cpu' />);
+    
+    const lineChartWrapperElement: HTMLElement = getByTestId('line_chart_wrapper');
+    fireEvent.mouseMove(lineChartWrapperElement);
+    fireEvent.mouseOut(lineChartWrapperElement);
+
+    expect(container).toBeTruthy();
+    expect(lineChartWrapperElement.style.cursor).toBe('default');
+  });
+
+  test('should change cursor to pointer when mouse is over a chart element', () => {
+    chartRef = {
+      current: {
+        getElementsAtEventForMode: jest.fn().mockReturnValue([{
+          index: 0,
           datasetIndex: 0,
-          dataIndex: 0,
-          element: <></> as unknown as PointElement
-      };
+          element: { x: 1, y: 1, active: true, options: {} }
+        }] as InteractionItem[] ),
+      },
+    };
+    jest.spyOn(React, 'useRef').mockReturnValue(chartRef);
   
-      const result = generateTooltipTitle(tooltipItem);
-  
-      expect(result).toEqual("Algorithm1");
-    });
-
-    test('should render tooltip label', () => {
-        const tooltipItem: TooltipItem<'line'> = {
-            raw: 12,
-            chart: <></> as unknown as any,
-            label: '',
-            parsed: {x: 3, y: 299},
-            formattedValue: '',
-            dataset: {
-              backgroundColor: "#05BBFF",
-              borderColor: "#05BBFF",
-              borderWidth: 1,
-              data: [1,2,3,4],
-              fill: false,
-              label: "Algorithm1",
-            },
-            datasetIndex: 0,
-            dataIndex: 0,
-            element: <></> as unknown as PointElement
-        };
+    const { container, getByTestId }: RenderResult = render(<LineChart data={mockData} title={undefined} tooltipLabel='average_cpu' />);
     
-        const result = renderTooltipLabel(tooltipItem, 'chart');
+    const lineChartWrapperElement: HTMLElement = getByTestId('line_chart_wrapper');
+    fireEvent.mouseMove(lineChartWrapperElement);
+  
+    expect(container).toBeTruthy();
+    expect(lineChartWrapperElement.style.cursor).toBe('pointer');
+  });
+
+  test('should render tooltip title', () => {
+    const tooltipItem: TooltipItem<'line'> = {
+      raw: 12,
+      chart: <></> as any,
+      label: '',
+      parsed: { x: 3, y: 299 },
+      formattedValue: '',
+      dataset: {
+        backgroundColor: "#05BBFF",
+        borderColor: "#05BBFF",
+        borderWidth: 1,
+        data: [1, 2, 3, 4],
+        fill: false,
+        label: "Algorithm1",
+      },
+      datasetIndex: 0,
+      dataIndex: 0,
+      element: <></> as any
+    };
+
+    const result = generateTooltipTitle(tooltipItem);
+
+    expect(result).toEqual("Algorithm1");
+  });
+
+  test('should render tooltip label', () => {
+    const tooltipItem: TooltipItem<'line'> = {
+      raw: 12,
+      chart: <></> as unknown as any,
+      label: '',
+      parsed: {x: 3, y: 299},
+      formattedValue: '',
+      dataset: {
+        backgroundColor: "#05BBFF",
+        borderColor: "#05BBFF",
+        borderWidth: 1,
+        data: [1,2,3,4],
+        fill: false,
+        label: "Algorithm1",
+      },
+      datasetIndex: 0,
+      dataIndex: 0,
+      element: <></> as unknown as PointElement
+    };
+
+    const result = renderTooltipLabel(tooltipItem, 'chart');
+
+    expect(result).toEqual("chart 12");
+  });
+
+  test('generateTooltipTitle', () => {
+    const context: any = {
+      chart: jest.fn(),
+      dataIndex: 3,
+      dataset: {
+        label: "label-test",
+      },
+      datasetIndex: 0,
+      element: jest.fn(),
+      formattedValue: "230",
+      label: "label-test",
+      parsed: {x: 3, y: 230},
+      raw: 230,
+    };
+
+    const result = generateTooltipTitle(context);
+
+    expect(result).toEqual("label-test");
+  });
+
+  test('should pass correct options for tooltip callbacks to Line component', () => {
+    render(<LineChart data={mockData} title={'title'} tooltipLabel='average_cpu' />);
+
+    expect(options).toBeDefined();
     
-        expect(result).toEqual("chart 12");
-      });
-
-      describe('tooltip configuration', () => {
-        test('generateTooltipTitle', () => {
-          const context: any = {
-            chart: jest.fn(),
-            dataIndex: 3,
-            dataset: {
-                label: "label-test",
-            },
-            datasetIndex: 0,
-            element: jest.fn(),
-            formattedValue: "230",
-            label: "label-test",
-            parsed: {x: 3, y: 230},
-            raw: 230,
-          };
-          const result = generateTooltipTitle(context);
-          expect(result).toEqual("label-test");
-        });
-      });
+    // Test the different scenarios for fully coverage the tooltip of the LineChart
+    let contextForTitleCallback = [{ dataset: { label: 'labelMock' } }];
+    let titleResult = options.plugins.tooltip.callbacks.title(contextForTitleCallback);
+    expect(titleResult).toBe('labelMock');
+
+    let contextForLabelCallback = { raw: 'mockRaw' };
+    let labelResult = options.plugins.tooltip.callbacks.label(contextForLabelCallback);
+    expect(labelResult).toBe('average_cpu mockRaw');
+  });
 });
\ No newline at end of file
diff --git a/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.tsx b/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.tsx
index 1f478d00..15bac285 100644
--- a/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.tsx
+++ b/portal/src/app/components/dashboard/components/charts/LineChart/LineChart.tsx
@@ -5,8 +5,8 @@ import { useRef } from 'react';
 
 export interface LineChartProps {
     data: any;
-    tooltipLabel?: string;
     title?: string;
+    tooltipLabel: string;
     xAxiosTitle?: string;
 }
 
@@ -59,7 +59,7 @@ export const LineChart: React.FC<LineChartProps> = (props: LineChartProps) => {
               return generateTooltipTitle(context[0]);
             },
             label: function (context: TooltipItem<'line'>) {
-              return renderTooltipLabel(context, tooltipLabel || '');
+              return renderTooltipLabel(context, tooltipLabel);
             },
           },
         },
@@ -68,6 +68,7 @@ export const LineChart: React.FC<LineChartProps> = (props: LineChartProps) => {
 
     return  (
       <div
+        data-testid="line_chart_wrapper"
         onMouseMove={(event) => {
           const elements = chartRef.current?.getElementsAtEventForMode(
             event.nativeEvent,
@@ -96,5 +97,5 @@ export function generateTooltipTitle(tooltipItem: TooltipItem<'line'>) {
 }
 
 export function renderTooltipLabel(context: TooltipItem<'line'>, tooltipLabel: string): string {  
-  return `${tooltipLabel} ${context?.raw?.toString()}` || '';
+  return `${tooltipLabel} ${context?.raw?.toString()}`;
 }
diff --git a/portal/src/app/components/dashboard/components/charts/utils/charts.utils.test.ts b/portal/src/app/components/dashboard/components/charts/utils/charts.utils.test.ts
index 4d698d56..da741d00 100644
--- a/portal/src/app/components/dashboard/components/charts/utils/charts.utils.test.ts
+++ b/portal/src/app/components/dashboard/components/charts/utils/charts.utils.test.ts
@@ -1,7 +1,13 @@
 import { getColorByName } from './charts.utils';
 
-describe('Charts Util Test', () => {
+describe('getColorByName', () => {
   test('should get color by name', () => {
-    expect(getColorByName('bikel1')).toBe('#FF8500');
+    const result = getColorByName('bikel1');
+    expect(result).toBe('#FF8500');
+  });
+
+  test('should get the default color when the name does not start with a letter', () => {
+    const result = getColorByName('123-test');
+    expect(result).toBe('#086CE1');
   });
 });
diff --git a/portal/src/app/components/home/Home.module.scss b/portal/src/app/components/home/Home.module.scss
index 7a77a1b9..a06d28f7 100644
--- a/portal/src/app/components/home/Home.module.scss
+++ b/portal/src/app/components/home/Home.module.scss
@@ -2,6 +2,9 @@
 @import "src/styles/z-index";
 
 .app_wrapper {
+  display: flex;
+  justify-content: flex-start;
+
   padding-block-start: 20px;
   padding-inline-start: 80px;
   padding-block-end: 40px;
@@ -49,3 +52,17 @@
   background-color: var($attPurple);
   padding: 14px;
 }
+
+.protocolQueryWithDivider {
+  position: relative;
+}
+
+.protocolQueryWithDivider::after {
+  content: "";
+  position: absolute;
+  inset-block-start: 35px;
+  inset-inline-start: 900px;
+  inline-size: 2px;
+  block-size: 91%;
+  background: var($dividerColorGray);
+}
diff --git a/portal/src/app/components/home/Home.test.tsx b/portal/src/app/components/home/Home.test.tsx
index 97b1445a..8f713ad3 100644
--- a/portal/src/app/components/home/Home.test.tsx
+++ b/portal/src/app/components/home/Home.test.tsx
@@ -2,19 +2,15 @@ import { fireEvent, render, waitFor } from '@testing-library/react';
 import { Home } from './Home';
 import { SubHeader, SubHeaderProps } from '../sub-header';
 import { ProtocolQuery, ProtocolQueryProps } from '../protocol-query';
+import { useDashboardData } from '../../hooks/useDashboardData';
+import { FetchDataStatus } from '../../shared/hooks/useFetch';
 
 const mockUseNavigate = jest.fn();
 const mockUseLocation = jest.fn();
 
 jest.mock('../sub-header');
 jest.mock('../protocol-query');
-jest.mock('../../hooks/useDashboardData', () => ({
-  useDashboardData: () => ({
-    handleRunQueryClick: jest.fn(),
-    link: 'initialLink',
-    status: 'idle',
-  }),
-}));
+jest.mock('../../hooks/useDashboardData');
 jest.mock('react-router-dom', () => ({
   ...jest.requireActual('react-router-dom'),
   useNavigate: () => mockUseNavigate,
@@ -22,49 +18,73 @@ jest.mock('react-router-dom', () => ({
 }));
 
 describe('Home', () => {
-    test('should render Home', async () => {
-      (SubHeader as jest.Mock).mockImplementation((props: SubHeaderProps) => {
-        function onClick() {
-          props.handleCloseClick();
-        }
-        return <div onClick={onClick} data-testid='submit-id'>SubHeader</div>;
-      });
-      (ProtocolQuery as jest.Mock).mockImplementation(() => <div>ProtocolQuery</div>);
-      const { container, getByTestId } = render(<Home />);
-      const submitButtonElement: HTMLElement = getByTestId('submit-id');
+  beforeEach(() => {
+    (useDashboardData as jest.Mock).mockReturnValue({
+      handleRunQueryClick: jest.fn(),
+      link: 'initialLink',
+      status: FetchDataStatus.Success,
+      testSuiteId: 'testSuiteId',
+    });
+  });
+
+  test('should render Home', async () => {
+    (SubHeader as jest.Mock).mockImplementation((props: SubHeaderProps) => {
+      function onClick() {
+        props.handleCloseClick();
+      }
+      return <div onClick={onClick} data-testid='submit-id'>SubHeader</div>;
+    });
+    (ProtocolQuery as jest.Mock).mockImplementation(() => <div>ProtocolQuery</div>);
 
-      await waitFor(() => {
-        expect(container).toBeTruthy();
-      });
+    const { container, getByTestId } = render(<Home />);
+    const submitButtonElement: HTMLElement = getByTestId('submit-id');
 
-      await waitFor(() => {
-        fireEvent.click(submitButtonElement);
-      });
+    await waitFor(() => {
+      fireEvent.click(submitButtonElement);
     });
 
-    test('should click on run button', async () => {
-      (ProtocolQuery as jest.Mock).mockImplementation((props: ProtocolQueryProps) => {
-        function onClick() {
-          props.onRunClick({ 
-            experimentName: 'test',
-            algorithms: { label: 'regular', value: 'regular' },
-            iterationsCount: { label: 'regular', value: 'regular' },
-            messageSizes: [{ label: '1024', value: '1024' }],
-            description: 'test'
-          });
-        }
-        return <div onClick={onClick} data-testid='submit-id'>SubHeader</div>;
-      });
-      (SubHeader as jest.Mock).mockImplementation(() => <div>SubHeader</div>);
-      const { container, getByTestId } = render(<Home />);
-      const submitButtonElement: HTMLElement = getByTestId('submit-id');
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+
+  test('should click on run button', async () => {
+    (ProtocolQuery as jest.Mock).mockImplementation((props: ProtocolQueryProps) => {
+      function onClick() {
+        props.onRunClick({ 
+          experimentName: 'test',
+          algorithms: { label: 'regular', value: 'regular' },
+          iterationsCount: { label: 'regular', value: 'regular' },
+          messageSizes: [{ label: '1024', value: '1024' }],
+          description: 'test'
+        });
+      }
+      function onClickNotEnoughData() {
+        props.onRunClick({ 
+          experimentName: '',
+          algorithms: { label: 'regular', value: 'regular' },
+          iterationsCount: { label: 'regular', value: 'regular' },
+          messageSizes: [],
+          description: 'test'
+        });
+      }
+      return (
+        <>
+          <div onClick={onClick} data-testid='submit'>ProtocolQuery</div>
+          <div onClick={onClickNotEnoughData} data-testid='submit_not_enough_data'>ProtocolQuery</div>
+        </>
+      );
+    });
+    (SubHeader as jest.Mock).mockImplementation(() => <div>SubHeader</div>);
+    const { container, getByTestId } = render(<Home />);
+    const submitButtonElement: HTMLElement = getByTestId('submit');
+    const submitNotEnoughDataButtonElement: HTMLElement = getByTestId('submit_not_enough_data');
 
-      await waitFor(() => {
-        expect(container).toBeTruthy();
-      });
+    fireEvent.click(submitButtonElement);
+    fireEvent.click(submitNotEnoughDataButtonElement);
 
-      await waitFor(() => {
-        fireEvent.click(submitButtonElement);
-      });
+    await waitFor(() => {
+      expect(container).toBeTruthy();
     });
+  });
 });
diff --git a/portal/src/app/components/home/Home.tsx b/portal/src/app/components/home/Home.tsx
index e05f1b2b..1d54f1ad 100644
--- a/portal/src/app/components/home/Home.tsx
+++ b/portal/src/app/components/home/Home.tsx
@@ -1,12 +1,14 @@
-import { IUseDashboardData, useDashboardData } from "../../hooks/useDashboardData";
-import { FetchDataStatus } from "../../shared/hooks/useFetch";
-import { ITestParams } from "../../shared/models/quantum.interface";
-import { ProtocolQuery } from "../protocol-query";
-import { SubHeader } from "../sub-header";
-import { useCallback, useEffect, useState } from 'react';
 import styles from './Home.module.scss';
-import { useLocation, useNavigate } from "react-router-dom";
-import { ExperimentData } from "../all-experiments/models/experiments.interface";
+import cn from 'classnames';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { IUseDashboardData, useDashboardData } from '../../hooks/useDashboardData';
+import { FetchDataStatus } from '../../shared/hooks/useFetch';
+import { ITestParams } from '../../shared/models/quantum.interface';
+import { ProtocolQuery } from '../protocol-query';
+import { SubHeader } from '../sub-header';
+import { useCallback, useEffect, useState } from 'react';
+import { ExperimentData } from '../all-experiments/models/experiments.interface';
+import { LatestExperiments } from './components';
 
 export const Home: React.FC = () => {
     const [isSubHeaderOpen, setIsSubHeaderOpen] = useState<boolean>(true);
@@ -42,19 +44,20 @@ export const HomeContent: React.FC = () => {
   }, [navigate, status, testSuiteId]);
   
   const handleRunClick: (params: ITestParams) => void = useCallback((params: ITestParams): void => {
-    if (params.experimentName && params.algorithms && params.iterationsCount) {
+    if (params.experimentName && params.algorithms && params.iterationsCount && params.messageSizes) {
       handleRunQueryClick(params);
     }
   }, [handleRunQueryClick]);
 
   return (
-    <div className={styles.app_wrapper}>
+    <div className={cn(styles.app_wrapper, styles.protocolQueryWithDivider)}>
       <ProtocolQuery
         isFetching={status === FetchDataStatus.Fetching}
         onRunClick={handleRunClick}
         duplicateData={duplicateData}
         setDuplicateData={setDuplicateData}
       />
+      <LatestExperiments />
     </div>
   );
 };
diff --git a/portal/src/app/components/home/components/experiment/Experiment.test.tsx b/portal/src/app/components/home/components/experiment/Experiment.test.tsx
index d6c31b20..86079c7f 100644
--- a/portal/src/app/components/home/components/experiment/Experiment.test.tsx
+++ b/portal/src/app/components/home/components/experiment/Experiment.test.tsx
@@ -1,4 +1,4 @@
-import { render, waitFor } from '@testing-library/react';
+import { fireEvent, render, waitFor } from '@testing-library/react';
 import { SubHeader } from './components/sub-header';
 import { Charts } from './components/charts';
 import { Experiment, ExperimentContent } from './Experiment';
@@ -6,10 +6,12 @@ import { ExperimentTable } from './components/experiment-table';
 import { useExperimentData } from './components/hooks/useExperimentData';
 import { FetchDataStatus } from '../../../../shared/hooks/useFetch';
 import { MOCK_DATA_FOR_EXPERIMENT } from './components/__mocks__/mocks';
-import { ExperimentTabs } from './components/experiment-tabs';
-import { TableOptions } from './components/table-options';
-import { SelectColumnsPopup } from './components/table-options/components/select-columns-popup';
+import { ExperimentTabs, ExperimentTabsProps } from './components/experiment-tabs';
+import { TableOptions, TableOptionsProps } from './components/table-options';
+import { SelectColumnsPopup, SelectColumnsPopupProps } from './components/table-options/components/select-columns-popup';
 import { TABLE_OPTIONS_EN } from './components/table-options/translate/en';
+import { EXPERIMENT_EN } from './translate/en';
+import React from 'react';
 
 jest.mock('./components/hooks/useExperimentData');
 jest.mock('./components/sub-header');
@@ -23,12 +25,6 @@ jest.mock('./components/charts', () => ({
 
 describe('Experiment', () => {
   beforeEach(() => {
-    (SubHeader as jest.Mock).mockImplementation(() => <div>SubHeader</div>);
-    (ExperimentTabs as jest.Mock).mockImplementation(() => <div>ExperimentTabs</div>);
-    (TableOptions as jest.Mock).mockImplementation(() => <button>{TABLE_OPTIONS_EN.SELECT_COLUMNS}</button>);
-    (SelectColumnsPopup as jest.Mock).mockImplementation(() => <div>SelectColumnsPopup</div>);
-    (ExperimentTable as jest.Mock).mockImplementation(() => <div>ExperimentTable</div>);
-    (Charts as jest.Mock).mockImplementation(() => <div>Charts</div>);
     (useExperimentData as jest.Mock).mockReturnValue({
       data: MOCK_DATA_FOR_EXPERIMENT,
       status: FetchDataStatus.Success,
@@ -52,22 +48,12 @@ describe('Experiment', () => {
       expect(container).toBeTruthy();
     });
   });
-
-  test('should show spinner on render data', async () => {
-    const { container } = render(<Experiment />);
-
-    await waitFor(() => {
-      expect(container).toBeTruthy();
-    });
-  });
 });
 
 describe('ExperimentContent', () => {
-  let handleButtonClickMock: jest.Mock;
   let scrollIntoViewMock: jest.Mock;
 
   beforeEach(() => {
-    handleButtonClickMock = jest.fn();
     scrollIntoViewMock = jest.fn();
     window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
 
@@ -75,16 +61,62 @@ describe('ExperimentContent', () => {
       data: MOCK_DATA_FOR_EXPERIMENT,
       status: FetchDataStatus.Success,
     });
-  });
-
-  afterEach(() => {
-    scrollIntoViewMock.mockRestore();
+    (SubHeader as jest.Mock).mockImplementation(() => <div>SubHeader</div>);
+    (ExperimentTabs as jest.Mock).mockImplementation((props: ExperimentTabsProps) => {
+      function handleResultsDataClick() {
+        props.handleButtonClick(EXPERIMENT_EN.TABS.RESULTS_DATA);
+      }
+      function handleVisualizationClick() {
+        props.handleButtonClick(EXPERIMENT_EN.TABS.VISUALIZATION);
+      }
+      function handleNietherClick() {
+        props.handleButtonClick('Not Results Data or Visualization');
+      }
+      return (
+        <>
+          <div onClick={handleResultsDataClick} data-testid='results_data_button'>{EXPERIMENT_EN.TABS.RESULTS_DATA}</div>
+          <div onClick={handleVisualizationClick} data-testid='visualization_button'>{EXPERIMENT_EN.TABS.VISUALIZATION}</div>
+          <div onClick={handleNietherClick} data-testid='neither_results_data_nor_visualization'>Not Results Data or Visualization</div>
+        </>
+      )
+    });
+    (TableOptions as jest.Mock).mockImplementation((props: TableOptionsProps) => {
+      function handleSelectColumnsClick() {
+        props.handleSelectColumnsClick();
+      }
+      return <div onClick={handleSelectColumnsClick} data-testid='table_options'>TableOptions</div>
+    });
+    (SelectColumnsPopup as jest.Mock).mockImplementation((props: SelectColumnsPopupProps) => {
+      function onPopupClose() {
+        props.onPopupClose();
+      }
+      return <div onClick={onPopupClose} data-testid='select_columns_button'>{TABLE_OPTIONS_EN.SELECT_COLUMNS}</div>
+    });
+    (ExperimentTable as jest.Mock).mockImplementation(() => <div>ExperimentTable</div>);
+    (Charts as jest.Mock).mockImplementation(() => <div>Charts</div>);
   });
 
   test('should render without crashing', async () => {
-    const { container } = render(<ExperimentContent data={MOCK_DATA_FOR_EXPERIMENT} />);
+    const { container, getByTestId } = render(<ExperimentContent data={MOCK_DATA_FOR_EXPERIMENT} />);
+    fireEvent.click(getByTestId('results_data_button'));
+    fireEvent.click(getByTestId('visualization_button'));
+    fireEvent.click(getByTestId('neither_results_data_nor_visualization'));
+    fireEvent.click(getByTestId('table_options'));
+    fireEvent.click(getByTestId('select_columns_button'));
+
     await waitFor(() => {
       expect(container).toBeTruthy();
     });
   });
+
+  test('should close the select columns popup when clicking outside', () => {
+    const setState = jest.fn();
+    const useStateSpy = jest.spyOn(React, 'useState');
+    useStateSpy.mockImplementation(() => [true, setState]);
+
+    render(<ExperimentContent data={MOCK_DATA_FOR_EXPERIMENT} />);
+    fireEvent.mouseDown(document);
+
+    expect(setState).toHaveBeenCalledWith(false);
+  });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/__mocks__/mocks.ts b/portal/src/app/components/home/components/experiment/components/__mocks__/mocks.ts
index 0e51bbb6..0466d179 100644
--- a/portal/src/app/components/home/components/experiment/components/__mocks__/mocks.ts
+++ b/portal/src/app/components/home/components/experiment/components/__mocks__/mocks.ts
@@ -209,30 +209,3 @@ export const MOCK_SUB_HEADER: ITestRunResult = {
         },
   ],
 };
-
-export const CSV_MOCK: ITestRunResultData[] = [
-  {
-    id: 1,
-    algorithm: 'App1',
-    iterations: 1000,
-    message_size: 1024,
-    results: {
-      average_cpu: 2000,
-      average_memory: 3000,
-      bytes_throughput: 11,
-      request_throughput: 21
-    },
-  },
-  {
-    id: 2,
-    algorithm: 'App2',
-    iterations: 4000,
-    message_size: 2048,
-    results: {
-      average_cpu: 5000,
-      average_memory: 6000,
-      bytes_throughput: 11,
-      request_throughput: 21
-    },
-  },
-];
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/DynamicChart.test.tsx b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/DynamicChart.test.tsx
index 6d6fc957..8849b727 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/DynamicChart.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/DynamicChart.test.tsx
@@ -1,33 +1,55 @@
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import { useDynamicChartData } from './hooks/useDynamicChartData';
 import { BarChart } from '../../../../../../../dashboard/components/charts/BarChart/BarChart';
 import { LineChart } from '../../../../../../../dashboard/components/charts/LineChart/LineChart';
+import { AttSelectProps } from '../../../../../../../../shared/components/att-select';
+import { DynamicChart } from './DynamicChart';
+import { MOCK_DATA_FOR_EXPERIMENT } from '../../../__mocks__/mocks';
 
 jest.mock('../../../../../../../dashboard/components/charts/BarChart/BarChart');
 jest.mock('../../../../../../../dashboard/components/charts/LineChart/LineChart');
-jest.mock('../../../../../../../../shared/components/att-select/AttSelect', () => ({
-    AttSelect: jest.fn(() => <div>Mocked AttSelect</div>),
-}));
 jest.mock('./hooks/useDynamicChartData');
+jest.mock('../../../../../../../../shared/components/att-select/AttSelect', () => {
+    return {
+      __esModule: true,
+      AttSelect: (props: AttSelectProps) => {
+        function onChange() {
+          props.onChange({ label: 'averageCPU', value: 'averageCPU' });
+        }
+        
+        return <div onClick={onChange} data-testid='att_select_options'>Options</div>;
+      },
+    };
+});
 
 describe('DynamicChart', () => {
     test('should render Charts', async () => {
         (BarChart as jest.Mock).mockImplementation(() => <div>BarChart</div>);
         (LineChart as jest.Mock).mockImplementation(() => <div>LineChart</div>);
-
-
-      (useDynamicChartData as jest.Mock).mockReturnValue({
-        yAxiosOptions: [{
-            label: 'averageCPU',
-            value: 'averageCPU'
-        },
-        {
-            label: 'averageMemory',
-            value: 'averageMemory'
-        }],
+        (useDynamicChartData as jest.Mock).mockReturnValue({
+            yAxiosOptions: [{
+                label: 'averageCPU',
+                value: 'averageCPU'
+            },
+            {
+                label: 'averageMemory',
+                value: 'averageMemory'
+            }],
         });
-
-      const { container } = render(<BarChart title='Iterations' labels={[]} data={undefined} keyOfData={''} tooltipKeys={[]} tooltipLabels={[]} />);
-      expect(container).toBeTruthy();
+        const { container, getAllByTestId } = render(
+            <DynamicChart
+                chartData={MOCK_DATA_FOR_EXPERIMENT}
+                xDefaultOption={{ label: 'test', value: 'test' }}
+                yDefaultOption={{ label: 'test', value: 'test' }}
+                chartDefaultType={{ label: 'test', value: 'test'}}
+            />
+        );
+        
+        const optionsElements: HTMLElement[] = getAllByTestId('att_select_options');
+        optionsElements.forEach((element) => {
+          fireEvent.click(element);
+        });
+        
+        expect(container).toBeTruthy();
     });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.test.tsx b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.test.tsx
index 029bdf4b..da755704 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.test.tsx
@@ -1,4 +1,4 @@
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult } from '@testing-library/react';
 import { CustomDropdownIndicator } from './CustomDropdownIndicator';
 import { DropdownIndicatorProps } from 'react-select';
 import { AttSelectOption } from '../../../../../../../../../../shared/components/att-select';
@@ -18,13 +18,31 @@ describe('CustomDropdownIndicator', () => {
       isRtl: false,
       options: [],
       selectOption: jest.fn(),
-      selectProps: undefined as any,
+      selectProps: { menuIsOpen: false, onMenuOpen: jest.fn(), onMenuClose: jest.fn() } as any,
       setValue: jest.fn(),
       theme: undefined as any,
   };
 
-  it('should render CustomDropdownIndicator', () => {
-    const { container }: RenderResult = render(<CustomDropdownIndicator {...mockProps} />);
-    expect(container.firstChild).toMatchSnapshot();
+  test('should render CustomDropdownIndicator when the menu is close', () => {
+    const { container, getByTestId }: RenderResult = render(<CustomDropdownIndicator {...mockProps} />);
+
+    const dropdownIndicatorWrapperElement: HTMLElement = getByTestId('dropdown_indicator_wrapper');
+    fireEvent.click(dropdownIndicatorWrapperElement);
+
+    expect(container).toBeTruthy();
+    expect(mockProps.selectProps.onMenuOpen).toHaveBeenCalled();
+    expect(mockProps.selectProps.onMenuClose).not.toHaveBeenCalled();
+  });
+
+  test('should render CustomDropdownIndicator when the menu is open', () => {
+    mockProps.selectProps.menuIsOpen = true;
+    const { container, getByTestId }: RenderResult = render(<CustomDropdownIndicator {...mockProps} />);
+
+    const dropdownIndicatorWrapperElement: HTMLElement = getByTestId('dropdown_indicator_wrapper');
+    fireEvent.click(dropdownIndicatorWrapperElement);
+
+    expect(container).toBeTruthy();
+    expect(mockProps.selectProps.onMenuOpen).not.toHaveBeenCalled();
+    expect(mockProps.selectProps.onMenuClose).toHaveBeenCalled();
   });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.tsx b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.tsx
index 83d903f9..6c161a22 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.tsx
+++ b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/CustomDropdownIndicator.tsx
@@ -15,7 +15,7 @@ export const CustomDropdownIndicator: React.FC<DropdownIndicatorProps<AttSelectO
     }, [selectProps]);
     
     return (
-        <div onClick={handleClick} >
+        <div data-testid="dropdown_indicator_wrapper" onClick={handleClick} >
             <components.DropdownIndicator {...props}>
                 <ArrowDownSelectorSvg />
             </components.DropdownIndicator>
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/__snapshots__/CustomDropdownIndicator.test.tsx.snap b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/__snapshots__/CustomDropdownIndicator.test.tsx.snap
deleted file mode 100644
index ad0f259f..00000000
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/__snapshots__/CustomDropdownIndicator.test.tsx.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CustomDropdownIndicator should render CustomDropdownIndicator 1`] = `
-<div>
-  <div
-    class="css-0"
-  >
-    <svg>
-      arrow-down-selector.svg
-    </svg>
-  </div>
-</div>
-`;
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.test.tsx b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.test.tsx
index 34bccade..c674d7a7 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.test.tsx
@@ -1,10 +1,17 @@
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult } from '@testing-library/react';
 import { CustomValueContainer } from './CustomValueContainer';
-import { GroupBase, SetValueAction, ValueContainerProps } from 'react-select';
+import { GroupBase, ValueContainerProps } from 'react-select';
 import { AttSelectOption } from '../../../../../../../../../../shared/components/att-select';
+import { useOutsideClick } from '../../../../../../../../../../hooks/useOutsideClick';
+import { useRef } from 'react';
+
+jest.mock('../../../../../../../../../../hooks/useOutsideClick');
 
 describe('CustomValueContainer', () => {
-    const mockProps: ValueContainerProps<AttSelectOption<any>, boolean, GroupBase<AttSelectOption<any>>> = {
+  let mockProps: ValueContainerProps<AttSelectOption<any>, boolean, GroupBase<AttSelectOption<any>>>;
+
+  beforeEach(() => {
+    mockProps = {
       children: undefined,
       isDisabled: false,
       clearValue: jest.fn(),
@@ -17,13 +24,59 @@ describe('CustomValueContainer', () => {
       isRtl: false,
       options: [],
       selectOption: jest.fn(),
-      selectProps: undefined as any,
+      selectProps: { menuIsOpen: false, onMenuOpen: jest.fn(), onMenuClose: jest.fn() } as any,
       setValue: jest.fn(),
       theme: undefined as any
-  };
+    };
+  });
+
+  test('should render CustomValueContainer', () => {
+    const { container, getByTestId }: RenderResult = render(<CustomValueContainer {...mockProps} />);
+
+    const valueContainerWrapperElement: HTMLElement = getByTestId('value_container_wrapper');
+    fireEvent.click(valueContainerWrapperElement);
+
+    expect(container).toBeTruthy();
+  });
+
+  test('should not open the menu when rendering CustomValueContainer', () => {
+    mockProps.selectProps.menuIsOpen = true;
+    const { container, getByTestId }: RenderResult = render(<CustomValueContainer {...mockProps} />);
+
+    const valueContainerWrapperElement: HTMLElement = getByTestId('value_container_wrapper');
+    fireEvent.click(valueContainerWrapperElement);
+
+    expect(container).toBeTruthy();
+  });
+
+  test('should activate useOutsideClick hook when the menu is open', () => {
+    mockProps.selectProps.menuIsOpen = true;
+    (useOutsideClick as jest.Mock).mockImplementation((ref, callback) => {
+      document.addEventListener('mousedown', (event) => {
+        if (ref.current && !ref.current.contains(event.target)) {
+          callback();
+        }
+      });
+    });
+
+    render(<CustomValueContainer {...mockProps} />);
+    fireEvent.mouseDown(document);
+
+    expect(mockProps.selectProps.onMenuClose).toHaveBeenCalled();
+  });
+
+  test('should activate useOutsideClick hook when the menu is close', () => {
+    (useOutsideClick as jest.Mock).mockImplementation((ref, callback) => {
+      document.addEventListener('mousedown', (event) => {
+        if (ref.current && !ref.current.contains(event.target)) {
+          callback();
+        }
+      });
+    });
+
+    render(<CustomValueContainer {...mockProps} />);
+    fireEvent.mouseDown(document);
 
-  it('should render CustomValueContainer', () => {
-    const { container }: RenderResult = render(<CustomValueContainer {...mockProps} />);
-    expect(container.firstChild).toMatchSnapshot();
+    expect(mockProps.selectProps.onMenuClose).not.toHaveBeenCalled();
   });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.tsx b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.tsx
index 44768c58..ba3497f1 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.tsx
+++ b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.tsx
@@ -25,7 +25,7 @@ export const CustomValueContainer: React.FC<ValueContainerProps<AttSelectOption,
     }, [props.selectProps]);
 
     return (
-        <div onClick={handleClick} ref={containerRef}>
+        <div data-testid="value_container_wrapper" onClick={handleClick} ref={containerRef}>
             <components.ValueContainer {...props} >
                 <div className={styles.input_wrapper}>
                     {props.hasValue && <img className={styles.icon} src={getIconByValue(inputValue as ChartType)} alt={inputValue} />}
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/__snapshots__/CustomValueContainer.test.tsx.snap b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/__snapshots__/CustomValueContainer.test.tsx.snap
deleted file mode 100644
index 3de4a472..00000000
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/__snapshots__/CustomValueContainer.test.tsx.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CustomValueContainer should render CustomValueContainer 1`] = `
-<div>
-  <div
-    class="css-0"
-  >
-    <div
-      class="input_wrapper"
-    >
-      <span
-        class="placeholder"
-      />
-    </div>
-  </div>
-</div>
-`;
diff --git a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/hooks/useDynamicChartData.test.ts b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/hooks/useDynamicChartData.test.ts
index f243e082..c7225651 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/hooks/useDynamicChartData.test.ts
+++ b/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/hooks/useDynamicChartData.test.ts
@@ -7,7 +7,7 @@ describe('useDynamicChartData', () => {
 
     const { result } = renderHook(() => useDynamicChartData(MOCK_DATA_FOR_EXPERIMENT));
     act(() => {
-        expect(result.current).toEqual( {yAxiosOptions: [{label: "Average Cpu", value: "average_cpu"}, {label: "Average Memory", value: "average_memory"}, {label: "Bytes Throughput", value: "bytes_throughput"}, {label: "Request Throughput", value: "request_throughput"}]});
+        expect(result.current).toEqual( {yAxisOptions: [{label: "Average Cpu", value: "average_cpu"}, {label: "Average Memory", value: "average_memory"}, {label: "Bytes Throughput", value: "bytes_throughput"}, {label: "Request Throughput", value: "request_throughput"}]});
     });
   });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/charts/utils/__mocks__/mocks.ts b/portal/src/app/components/home/components/experiment/components/charts/utils/__mocks__/mocks.ts
index 0928d5d3..c347bb4b 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/utils/__mocks__/mocks.ts
+++ b/portal/src/app/components/home/components/experiment/components/charts/utils/__mocks__/mocks.ts
@@ -84,6 +84,90 @@ export const MOCK_DATA_TO_SORT_BY_ITERATION: ITestRunResultData[] = [
   }
 ];
 
+export const MOCK_DATA_TO_SORT_BY_MESSAGE_SIZE: ITestRunResultData[] = [ 
+  {
+    id: 1,
+    algorithm: "Algorithm1", 
+    iterations: 1000,
+    message_size: 1024,
+    results:  
+    { 
+      average_cpu: 25.5, 
+      average_memory: 512,
+      bytes_throughput: 11,
+      request_throughput: 21 
+    } 
+  },
+  { 
+    id: 2,
+    algorithm: "Algorithm1", 
+    iterations: 1000,
+    message_size: 512,
+    results:  
+    { 
+      average_cpu: 25, 
+      average_memory: 52,
+      bytes_throughput: 11,
+      request_throughput: 21
+    } 
+  },
+  { 
+    id: 3,
+    algorithm: "Algorithm1", 
+    iterations: 1000,
+    message_size: 2048,
+    results:  
+    { 
+      average_cpu: 25, 
+      average_memory: 52,
+      bytes_throughput: 11,
+      request_throughput: 21 
+    } 
+  }
+];
+
+export const MOCK_DATA_WITH_NO_NEED_TO_SORT: ITestRunResultData[] = [ 
+  {
+    id: 1,
+    algorithm: "Algorithm1", 
+    iterations: 1000,
+    message_size: 1024,
+    results:  
+    { 
+      average_cpu: 25.5, 
+      average_memory: 512,
+      bytes_throughput: 11,
+      request_throughput: 21 
+    } 
+  },
+  { 
+    id: 2,
+    algorithm: "Algorithm1", 
+    iterations: 1000,
+    message_size: 1024,
+    results:  
+    { 
+      average_cpu: 25, 
+      average_memory: 52,
+      bytes_throughput: 11,
+      request_throughput: 21
+    } 
+  },
+  { 
+    id: 3,
+    algorithm: "Algorithm1", 
+    iterations: 1000,
+    message_size: 1024,
+    results:  
+    { 
+      average_cpu: 25, 
+      average_memory: 52,
+      bytes_throughput: 11,
+      request_throughput: 21 
+    } 
+  }
+];
+
 export const MOCK_DATA_FOR_CHART_UTILS: ITestRunResultData[] = [
   {
     id: 1,
@@ -96,7 +180,7 @@ export const MOCK_DATA_FOR_CHART_UTILS: ITestRunResultData[] = [
       average_memory: 512,
       bytes_throughput: 11,
       request_throughput: 21 
-  } 
+    } 
   },
   {
     id: 2,
diff --git a/portal/src/app/components/home/components/experiment/components/charts/utils/chart.utils.ts b/portal/src/app/components/home/components/experiment/components/charts/utils/chart.utils.ts
index 1e407bd7..f8954a8e 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/utils/chart.utils.ts
+++ b/portal/src/app/components/home/components/experiment/components/charts/utils/chart.utils.ts
@@ -9,6 +9,6 @@ export function getKeysOfData(results: IResult): string[] {
     return Object.keys(results);
 }
 
-export function getChartTitleByType(type: string): string | undefined {
+export function getChartTitleByType(type: string): string {
     return ChartTitleDisplayMapping[type as unknown as ChartKey];
 }
diff --git a/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.test.ts b/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.test.ts
index 72420406..18be0fc4 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.test.ts
+++ b/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.test.ts
@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react';
 import { sortDataByAlgorithm } from './test-run.utils';
-import { MOCK_DATA_TO_SORT_BY_ALGORITHM, MOCK_DATA_TO_SORT_BY_ITERATION } from './__mocks__';
+import { MOCK_DATA_TO_SORT_BY_ALGORITHM, MOCK_DATA_TO_SORT_BY_ITERATION, MOCK_DATA_TO_SORT_BY_MESSAGE_SIZE, MOCK_DATA_WITH_NO_NEED_TO_SORT } from './__mocks__';
 
 describe('test-run utils', () => {
     test('should sort data by algorithm', () => {
@@ -37,4 +37,38 @@ describe('test-run utils', () => {
           } 
         });
     });
+
+    test('should sort data by message size', () => {
+      const { result } = renderHook(() => sortDataByAlgorithm(MOCK_DATA_TO_SORT_BY_MESSAGE_SIZE));
+      expect(result.current[0]).toEqual({ 
+        id: 2,
+        algorithm: "Algorithm1", 
+        iterations: 1000,
+        message_size: 512,
+        results:  
+        { 
+          average_cpu: 25, 
+          average_memory: 52,
+          bytes_throughput: 11,
+          request_throughput: 21
+        } 
+      });
+  });
+
+    test('should not sort data by any parameter', () => {
+      const { result } = renderHook(() => sortDataByAlgorithm(MOCK_DATA_WITH_NO_NEED_TO_SORT));
+      expect(result.current[0]).toEqual({
+        id: 1,
+        algorithm: "Algorithm1", 
+        iterations: 1000,
+        message_size: 1024,
+        results:  
+        { 
+          average_cpu: 25.5, 
+          average_memory: 512,
+          bytes_throughput: 11,
+          request_throughput: 21 
+        } 
+      });
+  });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.ts b/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.ts
index db8cd0e2..b9695b40 100644
--- a/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.ts
+++ b/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.ts
@@ -14,6 +14,12 @@ export function sortDataByAlgorithm(dataObject: ITestRunResultData[]) {
     if (a.iterations > b.iterations) {
       return 1;
     }
+    if (a.message_size < b.message_size) {
+      return -1;
+    }
+    if (a.message_size > b.message_size) {
+      return 1;
+    }
     return 0;
   });
 }
\ No newline at end of file
diff --git a/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/DeleteExperimentModal.test.tsx b/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/DeleteExperimentModal.test.tsx
index ada5f26b..a0c4275c 100644
--- a/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/DeleteExperimentModal.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/DeleteExperimentModal.test.tsx
@@ -1,26 +1,36 @@
 /* eslint-disable @typescript-eslint/typedef */
-import { act, fireEvent, render, RenderResult } from '@testing-library/react';
+import { act, fireEvent, render, RenderResult, waitFor } from '@testing-library/react';
 import { DeleteExperimentModal, DeleteExperimentModalProps } from './DeleteExperimentModal';
+import { DELETE_EXPERIMENT_MODAL_EN } from './translate/en';
 
-describe('EditExperimentModal', () => {
-  test('renders edit Experiment modal correctly', () => {
+describe('DeleteExperimentModal', () => {
+  test('renders edit Experiment modal correctly', async () => {
     const props: DeleteExperimentModalProps = {
       name: ['Test'],
       onClose: jest.fn(),
     };
-    const { baseElement }: RenderResult = render(<DeleteExperimentModal {...props}>TestMe</DeleteExperimentModal>);
-    expect(baseElement.firstChild).toMatchSnapshot();
+    const { container }: RenderResult = render(<DeleteExperimentModal {...props}>TestMe</DeleteExperimentModal>);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
   });
 
-  test('click submit button', () => {
+  test('click submit button', async () => {
     const handleClose = jest.fn();
     const props: DeleteExperimentModalProps = {
       name: ['Test'],
       onClose: handleClose,
     };
-    const { getByRole }: RenderResult = render(<DeleteExperimentModal {...props}>TestMe</DeleteExperimentModal>);
+    
+    const { container, getByRole, getByText }: RenderResult = render(<DeleteExperimentModal {...props}>TestMe</DeleteExperimentModal>);
     act(() => {
       fireEvent.submit(getByRole('button', { name: /Confirm/i }));
+      fireEvent.click(getByText(DELETE_EXPERIMENT_MODAL_EN.SUBMIT_ACTION));
+    });
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
     });
   });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/__snapshots__/DeleteExperimentModal.test.tsx.snap b/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/__snapshots__/DeleteExperimentModal.test.tsx.snap
deleted file mode 100644
index 38b65566..00000000
--- a/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/__snapshots__/DeleteExperimentModal.test.tsx.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EditExperimentModal renders edit Experiment modal correctly 1`] = `
-<div
-  data-react-modal-body-trap=""
-  style="position: absolute; opacity: 0;"
-  tabindex="0"
-/>
-`;
diff --git a/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.test.tsx b/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.test.tsx
index cb232a9e..d72be8b2 100644
--- a/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.test.tsx
@@ -1,26 +1,103 @@
 /* eslint-disable @typescript-eslint/typedef */
-import { act, fireEvent, render, RenderResult } from '@testing-library/react';
+import { act, fireEvent, render, RenderResult, waitFor } from '@testing-library/react';
 import { EditExperimentModal, EditExperimentModalProps } from './EditExperimentModal';
+import React from 'react';
+import { FetchDataStatus, useFetch } from '../../../../../../shared/hooks/useFetch';
+import { EDIT_EXPERIMENT_MODAL_EN } from './translate/en';
+
+jest.mock('../../../../../../shared/hooks/useFetch');
 
 describe('EditExperimentModal', () => {
-  test('renders edit Experiment modal correctly', () => {
+  beforeEach(() => {
+    (useFetch as jest.Mock).mockReturnValue({
+      put: jest.fn(),
+      status: FetchDataStatus.Success,
+      error: null,
+      cancelRequest: jest.fn(),
+    });
+  });
+
+  test('should render EditExperimentModal correctly', async () => {
     const props: EditExperimentModalProps = {
       data: { name: 'Test', description: 'description' },
       onClose: jest.fn(),
     };
-    const { baseElement }: RenderResult = render(<EditExperimentModal {...props}>TestMe</EditExperimentModal>);
-    expect(baseElement.firstChild).toMatchSnapshot();
+    const { container, getByTestId }: RenderResult = render(<EditExperimentModal {...props}>EditExperimentModal</EditExperimentModal>);
+    const editExperimentFormElement: HTMLElement = getByTestId('edit_experiment_form');
+
+    fireEvent.submit(editExperimentFormElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
   });
 
-  test('click submit button', () => {
+  test('should not close the modal when the status is still on fetching', async () => {
+    (useFetch as jest.Mock).mockReturnValue({
+      put: jest.fn(),
+      status: FetchDataStatus.Fetching,
+      error: null,
+      cancelRequest: jest.fn(),
+    });
+    const props: EditExperimentModalProps = {
+      data: { name: '', description: '' },
+      onClose: jest.fn(),
+    };
+    const { container, getByText }: RenderResult = render(<EditExperimentModal {...props}>EditExperimentModal</EditExperimentModal>);
+    fireEvent.click(getByText(EDIT_EXPERIMENT_MODAL_EN.SUBMIT_ACTION));
+    
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+
+  test('should click submit button and trigger onSubmitHandler', async () => {
     const handleClose = jest.fn();
     const props: EditExperimentModalProps = {
-        data: { name: 'Test', description: 'description' },
+      data: { name: 'Test', description: 'description' },
       onClose: handleClose,
     };
-    const { getByRole }: RenderResult = render(<EditExperimentModal {...props}>TestMe</EditExperimentModal>);
+    const { container, getByRole }: RenderResult = render(<EditExperimentModal {...props}>TestMe</EditExperimentModal>);
     act(() => {
-      fireEvent.submit(getByRole('button', { name: /Save/i }));
+      fireEvent.change(getByRole('button', { name: /Save/i }));
+    });
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
     });
   });
+
+  test('should update name on change', () => {
+    const setName = jest.fn();
+    const props: EditExperimentModalProps = {
+      data: { name: 'Test', description: 'description' },
+      onClose: jest.fn(),
+    };
+
+    jest.spyOn(React, 'useState').mockImplementation(() => ['', setName]);
+    const { getByTestId } = render(<EditExperimentModal {...props}>TestMe</EditExperimentModal>);
+    const editExperimentFormElement: HTMLElement = getByTestId('edit_experiment_form');
+
+    fireEvent.change(getByTestId('experiment_name_input'), { target: { value: 'new name' } });
+    fireEvent.submit(editExperimentFormElement);
+    
+    expect(setName).toHaveBeenCalledWith('new name');
+  });
+
+  test('should update description on change', () => {
+    const setDescription = jest.fn();
+    const props: EditExperimentModalProps = {
+      data: { name: 'Test', description: 'description' },
+      onClose: jest.fn(),
+    };
+
+    jest.spyOn(React, 'useState').mockImplementation(() => ['', setDescription]);
+    const { getByTestId } = render(<EditExperimentModal {...props}>TestMe</EditExperimentModal>);
+    const editExperimentFormElement: HTMLElement = getByTestId('edit_experiment_form');
+
+    fireEvent.change(getByTestId('description_input'), { target: { value: 'new description' } });
+    fireEvent.submit(editExperimentFormElement);
+    
+    expect(setDescription).toHaveBeenCalledWith('new description');
+  });
 });
diff --git a/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.tsx b/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.tsx
index e2e10dce..e49d0cd1 100644
--- a/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.tsx
+++ b/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/EditExperimentModal.tsx
@@ -79,14 +79,14 @@ export const EditExperimentModal: React.FC<EditExperimentModalProps> = (props: E
       size={BaseModalSize.SMALL}
       showSpinner={showSpinner}
     >
-      <form id={formID} data-cy={formID} onSubmit={onSubmitHandler} className={styles.form_wrapper}>
+      <form data-testid="edit_experiment_form" id={formID} data-cy={formID} onSubmit={onSubmitHandler} className={styles.form_wrapper}>
         <label className={styles.name_input}>
             <div className={cn(styles.required_input, styles.label)}>{EDIT_EXPERIMENT_MODAL_EN.FORM.LABELS.NAME}</div>
-            <input className={cn(styles.form_input, styles.form_input_name)} type="text" name="name" value={name} onChange={e => setName(e.target.value)} required />
+            <input data-testid='experiment_name_input' className={cn(styles.form_input, styles.form_input_name)} type="text" name="name" value={name} onChange={e => setName(e.target.value)} required />
         </label>
         <label>
             <div className={styles.label}>{EDIT_EXPERIMENT_MODAL_EN.FORM.LABELS.DESCRIPTION}</div>
-            <textarea className={cn(styles.form_input, styles.form_input_description)} rows={4} id="description" value={description} name="description" onChange={e => setDescription(e.target.value)} />
+            <textarea data-testid='description_input' className={cn(styles.form_input, styles.form_input_description)} rows={4} id="description" value={description} name="description" onChange={e => setDescription(e.target.value)} />
         </label>
       </form>
     </BaseModal>
diff --git a/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/__snapshots__/EditExperimentModal.test.tsx.snap b/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/__snapshots__/EditExperimentModal.test.tsx.snap
deleted file mode 100644
index 38b65566..00000000
--- a/portal/src/app/components/home/components/experiment/components/edit-experiment-modal/__snapshots__/EditExperimentModal.test.tsx.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EditExperimentModal renders edit Experiment modal correctly 1`] = `
-<div
-  data-react-modal-body-trap=""
-  style="position: absolute; opacity: 0;"
-  tabindex="0"
-/>
-`;
diff --git a/portal/src/app/components/home/components/experiment/components/experiment-table/ExperimentTable.tsx b/portal/src/app/components/home/components/experiment/components/experiment-table/ExperimentTable.tsx
index 49fa4dc2..fc814626 100644
--- a/portal/src/app/components/home/components/experiment/components/experiment-table/ExperimentTable.tsx
+++ b/portal/src/app/components/home/components/experiment/components/experiment-table/ExperimentTable.tsx
@@ -1,7 +1,7 @@
 import { ReactNode, useMemo } from 'react';
 import styles from './ExperimentTable.module.scss';
 import { EXPERIMENT_TABLE_EN } from './translate/en';
-import { Table, TableColumn } from '../../../../../../shared/components/table';
+import { QujataTable, TableColumn } from '../../../../../../shared/components/qujata-table';
 import { ITestRunResult, ITestRunResultData } from '../../../../../../shared/models/test-run-result.interface';
 import { AttSelectOption } from '../../../../../../shared/components/att-select';
 import { CellContext } from '@tanstack/react-table';
@@ -44,7 +44,7 @@ export const ExperimentTable: React.FC<ExperimentTableProps> = (props: Experimen
 
   return (
     <div className={styles.experiment_table_wrapper}>
-      <Table className={styles.experiment_table} headers={headers} data={data} />
+      <QujataTable className={styles.experiment_table} headers={headers} data={data} />
     </div>
   );
 };
diff --git a/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.test.tsx b/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.test.tsx
index 9468f466..8e4028db 100644
--- a/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.test.tsx
@@ -1,60 +1,126 @@
+import React from 'react';
 import { render, waitFor, act, fireEvent } from '@testing-library/react';
 import { SubHeader } from './SubHeader';
 import { MOCK_SUB_HEADER } from '../__mocks__/mocks';
 import { FetchDataStatus, useFetch } from '../../../../../../shared/hooks/useFetch';
 import { Button } from '../../../../../../shared/components/att-button';
-import { EditExperimentModal } from '../edit-experiment-modal';
-import { DeleteExperimentModal } from '../delete-experiment-modal';
+import { EditExperimentModal, EditExperimentModalProps } from '../edit-experiment-modal';
+import { DeleteExperimentModal, DeleteExperimentModalProps } from '../delete-experiment-modal';
+import { mapExperimentDataToCsvDataType } from './utils/data-to-csv.util';
 
 jest.mock('react-router-dom', () => ({
     ...jest.requireActual('react-router-dom'),
     Link: jest.fn(({to, children}) => <div data-testid="mock-link" data-to={to}>{children}</div>),
 }));
-
-const mockUseNavigate = jest.fn();
 jest.mock('react-router-dom', () => ({
     ...jest.requireActual('react-router-dom'),
-    useNavigate: () => mockUseNavigate,
+    useNavigate: () => jest.fn(),
     useParams: () => ({
         testSuiteId: 'testSuiteId',
     }),
     // eslint-disable-next-line no-null/no-null
     Link: jest.fn().mockImplementation(() => null),
 }));
-jest.mock('../delete-experiment-modal');
+jest.mock('../../../../../../shared/hooks/useFetch');
 jest.mock('../../../../../../shared/components/att-button');
 jest.mock('../edit-experiment-modal');
-jest.mock('../../../../../../shared/hooks/useFetch');
+jest.mock('../delete-experiment-modal');
+jest.mock('./utils/data-to-csv.util');
 
 const mockData = MOCK_SUB_HEADER;
 describe('SubHeader', () => {
-    test('should render SubHeader', async () => {
-    (Button as jest.Mock).mockImplementation(() => <div>Button</div>);
-    (useFetch as jest.Mock).mockReturnValue({
-        delete_: jest.fn(),
-        cancelRequest: jest.fn(),
-        status: FetchDataStatus.Success,
-     });
-     (EditExperimentModal as jest.Mock).mockImplementation(() => <div>EditExperimentModal</div>);
-     (DeleteExperimentModal as jest.Mock).mockImplementation(() => <div>DeleteExperimentModal</div>);
-     
-      const { container } = render(<SubHeader data={mockData} />);
+    beforeEach(() => {
+        jest.spyOn(React, 'useState')
+            .mockImplementationOnce(() => [true, jest.fn()]) // for openEditModal
+            .mockImplementationOnce(() => ['', jest.fn()]) // for experimentName
+            .mockImplementationOnce(() => ['', jest.fn()]) // for experimentDescription
+            .mockImplementationOnce(() => [true, jest.fn()]); // for openDeleteModal
+
+        global.URL.createObjectURL = jest.fn(() => 'http://dummy.url');
+        global.URL.revokeObjectURL = jest.fn(() => 'http://dummy.url');
 
-      await waitFor(() => {
-        expect(container).toBeTruthy();
-      });
+        (Button as jest.Mock).mockImplementation(({ onButtonClick }) => {
+            const handleEditNameClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
+                onButtonClick(event);
+            }
+            const handleDownloadClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
+                onButtonClick(event);
+            }
+            return (
+                <div onClick={handleEditNameClick} data-testid='button_id'>Edit</div>
+            );
+        });
+        (EditExperimentModal as jest.Mock).mockImplementation((props: EditExperimentModalProps) => {
+            function handleCloseEditExperimentModal() {
+                props.onClose({
+                    name: 'test name',
+                    description: 'test description'
+                });
+            }
+            function handleCloseEditExperimentModalWithNoData() {
+                props.onClose(undefined);
+            }
+            return (
+                <>
+                    <div onClick={handleCloseEditExperimentModal} data-testid='close_edit_modal'>EditExperimentModal</div>
+                    <div onClick={handleCloseEditExperimentModalWithNoData} data-testid='close_edit_modal_no_data'>EditExperimentModalNoData</div>
+                </>
+            );
+        });
+        (DeleteExperimentModal as jest.Mock).mockImplementation((props: DeleteExperimentModalProps) => {
+            function handleCloseDeleteExperimentModal() {
+                props.onClose(true);
+            }
+            function handleCloseDeleteExperimentModalWithNoData() {
+                props.onClose(false);
+            }
+            return (
+                <>
+                    <div onClick={handleCloseDeleteExperimentModal} data-testid='close_delete_modal'>DeleteExperimentModal</div>
+                    <div onClick={handleCloseDeleteExperimentModalWithNoData} data-testid='close_delete_modal_no_data'>DeleteExperimentModalNoData</div>
+                </>
+            );
+        });
     });
 
-    test('should click on delete icon', async () => {
-        (useFetch as jest.Mock).mockReturnValue({
+    test('should render SubHeader', async () => {
+        (useFetch as jest.Mock).mockReturnValueOnce({
             delete_: jest.fn(),
             cancelRequest: jest.fn(),
             status: FetchDataStatus.Success,
-         });
-         (Button as jest.Mock).mockImplementation(() => <div>Button</div>);
-         (EditExperimentModal as jest.Mock).mockImplementation(() => <div>EditExperimentModal</div>);
-         (DeleteExperimentModal as jest.Mock).mockImplementation(() => <div>DeleteExperimentModal</div>);
+        });
+        (mapExperimentDataToCsvDataType as jest.Mock).mockReturnValue([
+            [ 'ID', 'Algorithm', 'Iterations', 'Average CPU', 'Average Memory' ],
+            [ 1, 'App1', 1000, 2000, 3000 ],
+            [ 2, 'App2', 4000, 5000, 6000 ]
+        ]);
+        
+        const { container, getAllByTestId, getByTestId } = render(<SubHeader data={mockData} />);
+        const buttonElements: HTMLElement[] = getAllByTestId('button_id');
+        buttonElements.forEach((element) => {
+            fireEvent.click(element);
+        });
+
+        const closeEditModalElement: HTMLElement = getByTestId('close_edit_modal');
+        const closeEditModalNoDataElement: HTMLElement = getByTestId('close_edit_modal_no_data');
+        const closeDeleteModalElement: HTMLElement = getByTestId('close_delete_modal');
+        const closeDeleteModalNoDataElement: HTMLElement = getByTestId('close_delete_modal_no_data');
+        fireEvent.click(closeEditModalElement);
+        fireEvent.click(closeEditModalNoDataElement);
+        fireEvent.click(closeDeleteModalElement);
+        fireEvent.click(closeDeleteModalNoDataElement);
 
+        await waitFor(() => {
+            expect(container).toBeTruthy();
+        });
+    });
+
+    test('should click on delete icon', async () => {
+        (useFetch as jest.Mock).mockReturnValueOnce({
+            delete_: jest.fn(),
+            cancelRequest: jest.fn(),
+            status: FetchDataStatus.Fetching,
+        });
         const { container } = render(<SubHeader data={mockData} />);
         const trashButton = container.querySelector('.sub_header_right_side');
         act(() => {
diff --git a/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.tsx b/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.tsx
index 6c884ace..38dd466b 100644
--- a/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.tsx
+++ b/portal/src/app/components/home/components/experiment/components/sub-header/SubHeader.tsx
@@ -31,8 +31,8 @@ export const SubHeader: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {
     const { data } = props;
     const { name, description } = data;
     const [openEditModal, setOpenEditModal] = useState<boolean>(false);
-    const [experimentName, setExperimentName] = useState<string>(name || '');
-    const [experimentDescription, setExperimentDescription] = useState<string>(description || '');
+    const [experimentName, setExperimentName] = useState<string>(name);
+    const [experimentDescription, setExperimentDescription] = useState<string>(description);
     const [openDeleteModal, setOpenDeleteModal] = useState<boolean>(false);
     const { testSuiteId } = useParams<TestRunUrlParams>();
     const url: string = replaceParams(APIS.deleteExperiment, { testSuiteId });
@@ -61,7 +61,7 @@ export const SubHeader: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {
     }, []);
 
     const handleDownloadClick: () => void = useCallback((): void => {
-        const csvFileName: string = `${SUB_HEADER_EN.CSV_REPORT.FILE_NAME}-${name || ''}.csv`;
+        const csvFileName: string = `${SUB_HEADER_EN.CSV_REPORT.FILE_NAME}-${name}.csv`;
         downloadCsvFile(mapExperimentDataToCsvDataType(data.test_runs), csvFileName);
     }, [data.test_runs, name]);
     
@@ -91,6 +91,7 @@ export const SubHeader: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {
                             {experimentName}
                         </Link>
                         <Button
+                            data-testid='edit_name_button'
                             className={styles.action_button_edit}
                             ariaLabel={EditAriaLabel}
                             size={ButtonSize.NONE}
@@ -114,6 +115,7 @@ export const SubHeader: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {
             </div>
             <div className={styles.sub_header_right_side}>
                 <Button
+                    data-testid='download_button'
                     className={styles.action_button}
                     ariaLabel={DownloadAriaLabel}
                     size={ButtonSize.NONE}
@@ -124,6 +126,7 @@ export const SubHeader: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {
                     <img className={styles.close_icon} src={ArrowDownSvg} alt={DownloadAriaLabel} />
                 </Button>
                 <Button
+                    data-testid='delete_button'
                     className={styles.action_button_delete}
                     ariaLabel={DeleteAriaLabel}
                     size={ButtonSize.NONE}
diff --git a/portal/src/app/components/home/components/experiment/components/sub-header/__mocks__/mocks.ts b/portal/src/app/components/home/components/experiment/components/sub-header/__mocks__/mocks.ts
new file mode 100644
index 00000000..4059d745
--- /dev/null
+++ b/portal/src/app/components/home/components/experiment/components/sub-header/__mocks__/mocks.ts
@@ -0,0 +1,28 @@
+import { ITestRunResultData } from "../../../../../../../shared/models/test-run-result.interface";
+
+export const MOCK_DATA_FOR_SUB_HEADER_UTILS: ITestRunResultData[] = [
+  {
+    id: 1,
+    algorithm: 'App1',
+    iterations: 1000,
+    message_size: 1024,
+    results: {
+      average_cpu: 2000,
+      average_memory: 3000,
+      bytes_throughput: 11,
+      request_throughput: 21
+    },
+  },
+  {
+    id: 2,
+    algorithm: 'App2',
+    iterations: 4000,
+    message_size: 2048,
+    results: {
+      average_cpu: 5000,
+      average_memory: 6000,
+      bytes_throughput: 11,
+      request_throughput: 21
+    },
+  },
+];
diff --git a/portal/src/app/components/home/components/experiment/components/sub-header/utils/data-to-csv.util.test.ts b/portal/src/app/components/home/components/experiment/components/sub-header/utils/data-to-csv.util.test.ts
index f3120584..14799c25 100644
--- a/portal/src/app/components/home/components/experiment/components/sub-header/utils/data-to-csv.util.test.ts
+++ b/portal/src/app/components/home/components/experiment/components/sub-header/utils/data-to-csv.util.test.ts
@@ -1,10 +1,10 @@
 import { CsvDataType } from '../../../../../../../utils/download';
-import { CSV_MOCK } from '../../__mocks__/mocks';
+import { MOCK_DATA_FOR_SUB_HEADER_UTILS } from '../__mocks__/mocks';
 import { mapExperimentDataToCsvDataType } from './data-to-csv.util';
 
 describe('mapExperimentDataToCsvDataType', () => {
   it('should map the input list to CsvDataType correctly', () => {
-    const mockList = CSV_MOCK;
+    const mockList = MOCK_DATA_FOR_SUB_HEADER_UTILS;
 
     const expectedOutput: CsvDataType = [
       [ 'ID', 'Algorithm', 'Iterations', 'Average CPU', 'Average Memory' ],
diff --git a/portal/src/app/components/home/components/experiment/components/sub-header/utils/sub-header.utils.test.ts b/portal/src/app/components/home/components/experiment/components/sub-header/utils/sub-header.utils.test.ts
new file mode 100644
index 00000000..38ae6a97
--- /dev/null
+++ b/portal/src/app/components/home/components/experiment/components/sub-header/utils/sub-header.utils.test.ts
@@ -0,0 +1,22 @@
+import { getAlgorithmsName, getIterations } from "./sub-header.utils";
+import { MOCK_DATA_FOR_SUB_HEADER_UTILS } from '../__mocks__/mocks';
+
+describe('getAlgorithmsName', () => {
+  test('should getAlgorithmsName correctly', () => {
+    const expectedOutput: string = 'App1, App2';
+
+    const result = getAlgorithmsName(MOCK_DATA_FOR_SUB_HEADER_UTILS);
+
+    expect(result).toEqual(expectedOutput);
+  });
+});
+
+describe('getIterations', () => {
+  test('should getIterations correctly', () => {
+    const expectedOutput: string = '1000, 4000';
+
+    const result = getIterations(MOCK_DATA_FOR_SUB_HEADER_UTILS);
+
+    expect(result).toEqual(expectedOutput);
+  });
+});
diff --git a/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/SelectColumnsPopup.test.tsx b/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/SelectColumnsPopup.test.tsx
index 31e0797e..0cbf31ab 100644
--- a/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/SelectColumnsPopup.test.tsx
+++ b/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/SelectColumnsPopup.test.tsx
@@ -1,13 +1,14 @@
-import { render, fireEvent } from '@testing-library/react';
+import { render, fireEvent, waitFor } from '@testing-library/react';
 import { SelectColumnsPopup, SelectColumnsPopupProps } from './SelectColumnsPopup';
 import { SelectedColumnsDefaultData } from '../../constants/table-options.const';
 import { SELECT_COLUMNS_EN } from './translate/en';
 
-const mockOnPopupClose = jest.fn();
-const mockOnColumnsSelected = jest.fn();
-let selectColumnsPopupProps: SelectColumnsPopupProps;
 
 describe('SelectColumnsPopup', () => {
+  const mockOnPopupClose = jest.fn();
+  const mockOnColumnsSelected = jest.fn();
+  let selectColumnsPopupProps: SelectColumnsPopupProps;
+
   beforeAll(() => {
     selectColumnsPopupProps = {
       data: SelectedColumnsDefaultData,
@@ -17,19 +18,21 @@ describe('SelectColumnsPopup', () => {
     };
   });
 
-  test('renders correctly', () => {
-    const { getByText } = render(<SelectColumnsPopup {...selectColumnsPopupProps} />);
-
-    expect(getByText(SelectedColumnsDefaultData[0].value)).toBeInTheDocument();
-    expect(getByText(SelectedColumnsDefaultData[1].value)).toBeInTheDocument();
-    expect(getByText(SelectedColumnsDefaultData[2].value)).toBeInTheDocument();
+  test('renders correctly', async () => {
+    const { container } = render(<SelectColumnsPopup {...selectColumnsPopupProps} />);
+    
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
   });
 
   test('handles column selection', () => {
     const { getByTestId } = render(<SelectColumnsPopup {...selectColumnsPopupProps} />);
+    const iterationsCheckboxImage = getByTestId('iterations-checkbox-image');
     const iterationsCheckbox = getByTestId('iterations-checkbox');
     const resultsAverageCPUCheckbox = getByTestId('results.average_cpu-checkbox');
 
+    fireEvent.click(iterationsCheckboxImage);
     fireEvent.click(iterationsCheckbox);
     fireEvent.click(resultsAverageCPUCheckbox);
 
diff --git a/portal/src/app/components/home/components/experiment/utils/sections-scrolling.utils.test.ts b/portal/src/app/components/home/components/experiment/utils/sections-scrolling.utils.test.ts
index e8550f8c..30b0cbed 100644
--- a/portal/src/app/components/home/components/experiment/utils/sections-scrolling.utils.test.ts
+++ b/portal/src/app/components/home/components/experiment/utils/sections-scrolling.utils.test.ts
@@ -39,11 +39,11 @@ describe('sections-scrolling utils', () => {
     expect(observe).toHaveBeenCalledTimes(2);
   });
 
-  // it('should unobserve sections on unmount', () => {
-  //   const { unmount } = renderHook(() => handleSectionScrolling(mockRef, mockRef, jest.fn()));
-  //   unmount();
-  //   expect(unobserve).toHaveBeenCalledTimes(2);
-  // });
+  it('should skip on observing sections on mount', () => {
+    const noRef = { current: null };
+    renderHook(() => handleSectionScrolling(noRef, noRef, jest.fn()));
+    expect(observe).not.toHaveBeenCalled();
+  });
 
   it('should set current section when intersecting', () => {
     let callback: IntersectionObserverCallback | undefined;
@@ -58,4 +58,18 @@ describe('sections-scrolling utils', () => {
       callback([{ isIntersecting: true, target: { id: EXPERIMENT_EN.TABS.RESULTS_DATA } } as any], {} as IntersectionObserver);
     expect(setCurrentSection).toHaveBeenCalledWith(EXPERIMENT_EN.TABS.RESULTS_DATA);
   });
+
+  it('should skip setting current section when not intersecting', () => {
+    let callback: IntersectionObserverCallback | undefined;
+    global.IntersectionObserver = jest.fn((cb) => {
+      callback = cb;
+      return { root: null, rootMargin: '', thresholds: [], disconnect: jest.fn(), observe: jest.fn(), unobserve: jest.fn(), takeRecords: jest.fn() };
+    });
+
+    const setCurrentSection = jest.fn();
+    renderHook(() => handleSectionScrolling(mockRef, mockRef, setCurrentSection));
+    if (callback)
+      callback([{ isIntersecting: false, target: { id: EXPERIMENT_EN.TABS.RESULTS_DATA } } as any], {} as IntersectionObserver);
+    expect(setCurrentSection).not.toHaveBeenCalled();
+  });
 });
diff --git a/portal/src/app/components/home/components/index.ts b/portal/src/app/components/home/components/index.ts
index 152bd262..9d5f959d 100644
--- a/portal/src/app/components/home/components/index.ts
+++ b/portal/src/app/components/home/components/index.ts
@@ -1 +1,2 @@
 export * from './experiment';
+export * from './latest-experiments';
diff --git a/portal/src/app/components/home/components/latest-experiments/LatestExperiments.module.scss b/portal/src/app/components/home/components/latest-experiments/LatestExperiments.module.scss
new file mode 100644
index 00000000..7521e97e
--- /dev/null
+++ b/portal/src/app/components/home/components/latest-experiments/LatestExperiments.module.scss
@@ -0,0 +1,52 @@
+@import "src/styles/variables-keys";
+
+.latest_experiments_wrapper {
+    margin-inline-start: 160px;
+    margin-inline-end: 80px;
+
+    .title_link_wrapper {
+        display: flex;
+        justify-content: space-between;
+
+        .latest_experiments_title {
+            size: 18px;
+        }
+
+        .all_experiments_link {
+            inset-inline-end: 100px;
+            margin-block-start: 50px;
+            color: var($attPurple);
+            cursor: pointer;
+            text-decoration: none;
+        }
+    }
+
+    .latest_experiments_table {
+        border-radius: 20px;
+        background-color: var($backgroundColorWhite);
+        margin-block-start: 30px;
+        text-align: center;
+        padding: 10px 30px;
+
+        th {
+            background-color: var($backgroundColorWhite);
+            color: var($textBlack);
+            border-bottom: 1px solid var($dividerColorGray);
+        }
+        td {
+            border: none;
+        }
+
+        .experiment_name {
+            color: var($attPurple);
+            cursor: pointer;
+            border: none;
+        }
+        
+        .experiment_link {
+            color: var($attPurple);
+            cursor: pointer;
+            text-decoration: none;
+        }
+    }
+}
diff --git a/portal/src/app/components/home/components/latest-experiments/LatestExperiments.test.tsx b/portal/src/app/components/home/components/latest-experiments/LatestExperiments.test.tsx
new file mode 100644
index 00000000..84b837c0
--- /dev/null
+++ b/portal/src/app/components/home/components/latest-experiments/LatestExperiments.test.tsx
@@ -0,0 +1,51 @@
+import { fireEvent, render, waitFor } from '@testing-library/react';
+import { BrowserRouter } from 'react-router-dom';
+import { LatestExperiments } from './LatestExperiments';
+import { FetchDataStatus } from '../../../../shared/hooks/useFetch';
+import { useExperimentsData } from '../../../all-experiments/hooks';
+import { MOCK_DATA_FOR_ALL_EXPERIMENTS } from '../../../all-experiments/__mocks__/mocks';
+import { QujataInsight, QujataInsightsProps } from '../../../../shared/components/qujata-insight';
+
+jest.mock('../../../all-experiments/hooks');
+jest.mock('../../../../shared/components/qujata-insight');
+
+describe('LatestExperiments', () => {
+  beforeEach(() => {
+    (useExperimentsData as jest.Mock).mockReturnValue({
+      testSuites: MOCK_DATA_FOR_ALL_EXPERIMENTS,
+      status: FetchDataStatus.Success,
+    });
+  });
+
+  test('renders without crashing', () => {
+    render(
+      <BrowserRouter>
+        <LatestExperiments />
+      </BrowserRouter>
+    );
+  });
+
+  test('should click on close insight button', async () => {
+    (QujataInsight as jest.Mock).mockImplementation((props: QujataInsightsProps) => {
+      function onInsightClose() {
+        props.onInsightClose();
+      }
+      return <div onClick={onInsightClose} data-testid='close-id'>QujataInsight</div>;
+    });
+
+    const { container, getByTestId } = render(
+      <BrowserRouter>
+        <LatestExperiments />
+      </BrowserRouter>
+    );
+    const submitButtonElement: HTMLElement = getByTestId('close-id');
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+
+    await waitFor(() => {
+      fireEvent.click(submitButtonElement);
+    });
+  });
+});
diff --git a/portal/src/app/components/home/components/latest-experiments/LatestExperiments.tsx b/portal/src/app/components/home/components/latest-experiments/LatestExperiments.tsx
new file mode 100644
index 00000000..50e1be75
--- /dev/null
+++ b/portal/src/app/components/home/components/latest-experiments/LatestExperiments.tsx
@@ -0,0 +1,105 @@
+import { ReactNode, useMemo, useState } from 'react';
+import { QujataTable, TableColumn } from '../../../../shared/components/qujata-table';
+import styles from './LatestExperiments.module.scss';
+import { LATEST_EXPERIMENTS_EN } from './translate/en';
+import { IUseExperimentsData, useExperimentsData } from '../../../all-experiments/hooks';
+import { FetchDataStatus } from '../../../../shared/hooks/useFetch';
+import { Experiment, TestRunSubset } from '../../../all-experiments/models/experiments.interface';
+import { Link } from 'react-router-dom';
+import { QujataInsight } from '../../../../shared/components/qujata-insight';
+import CloseSvg from '../../../../../assets/images/close.svg';
+
+export const LatestExperiments: React.FC = () => {
+  const { testSuites, status }: IUseExperimentsData = useExperimentsData();
+  const [isInsightShowed, setIsInsightShowed] = useState(true);
+  
+  const data = useMemo(() => (status === FetchDataStatus.Success && testSuites
+    ? testSuites.sort((a, b) => new Date(b.end_time).getTime() - new Date(a.end_time).getTime())
+    : []
+  ), [status, testSuites]);
+
+  const headers: TableColumn<Experiment>[] = useMemo(() => [
+    {
+      id: LATEST_EXPERIMENTS_EN.COLUMN_IDS.EXPERIMENT_NAME,
+      header: () => <span>{LATEST_EXPERIMENTS_EN.TABLE_TITLES.EXPERIMENT_NAME}</span>,
+      accessor: (row: Experiment) => row.name,
+      cell: cellInfo => (
+        <Link
+          className={styles.experiment_link}
+          to={`${LATEST_EXPERIMENTS_EN.HOMEPAGE_LINK}/experiment/${cellInfo.row.original.id}`}>
+          <span className={styles.experiment_name}>{cellInfo.getValue() as ReactNode}</span>
+        </Link>
+      )
+    },
+    {
+      id: LATEST_EXPERIMENTS_EN.COLUMN_IDS.DATE,
+      header: () => <span>{LATEST_EXPERIMENTS_EN.TABLE_TITLES.DATE}</span>,
+      accessor: (row: Experiment) => row.end_time,
+      cell: cellInfo => {
+        const date = new Date(cellInfo.getValue() as Date);
+        const formattedDate = date.toLocaleDateString('en-US', { day: 'numeric', month: 'long', year: 'numeric' });
+        return <span>{formattedDate}</span>
+      }
+    },
+    {
+      id: LATEST_EXPERIMENTS_EN.COLUMN_IDS.NUMBER_OF_ALGORITHMS,
+      header: () => <span>{LATEST_EXPERIMENTS_EN.TABLE_TITLES.NUMBER_OF_ALGORITHMS}</span>,
+      accessor: (row: Experiment) => {
+        const algorithms = new Set<string>();
+        row.test_runs.forEach((testRun: TestRunSubset) => algorithms.add(testRun.algorithm));
+        return algorithms.size;
+      },
+      cell: cellInfo => <span>{cellInfo.getValue() as ReactNode}</span>
+    },
+    {
+      id: LATEST_EXPERIMENTS_EN.COLUMN_IDS.ITERATIONS,
+      header: () => <span>{LATEST_EXPERIMENTS_EN.TABLE_TITLES.ITERATIONS}</span>,
+      accessor: (row: Experiment) => {
+        const iterations = new Set<number>();
+        row.test_runs.forEach((testRun: TestRunSubset) => iterations.add(testRun.iterations));
+        const iterationsArrayUnique = Array.from(iterations);
+
+        return iterationsArrayUnique.length > 3
+        ? `${iterationsArrayUnique.slice(0, 3).sort((a, b) => a - b).join(', ')}...`
+        : iterationsArrayUnique.sort((a, b) => a - b).join(', ');
+      },
+      cell: cellInfo => <span>{cellInfo.getValue() as ReactNode}</span>
+    },
+    {
+      id: LATEST_EXPERIMENTS_EN.COLUMN_IDS.MESSAGE_SIZES,
+      header: () => <span>{LATEST_EXPERIMENTS_EN.TABLE_TITLES.MESSAGE_SIZES}</span>,
+      accessor: (row: Experiment) => {
+        const messageSizes = new Set<number>();
+        row.test_runs.forEach((testRun: TestRunSubset) => messageSizes.add(testRun.message_size));
+        const messageSizesArrayUnique = Array.from(messageSizes);
+        
+        return messageSizesArrayUnique.length > 3
+          ? `${messageSizesArrayUnique.slice(0, 3).sort((a, b) => a - b).join(', ')}...`
+          : messageSizesArrayUnique.sort((a, b) => a - b).join(', ');
+      },
+      cell: cellInfo => <span>{cellInfo.getValue() as ReactNode}</span>
+    },
+  ], []);
+  
+  return ( status === FetchDataStatus.Success &&
+      <div className={styles.latest_experiments_wrapper}>
+        <div className={styles.title_link_wrapper}>
+          <h2 className={styles.latest_experiments_title}>{LATEST_EXPERIMENTS_EN.TITLE}</h2>
+          <Link
+            className={styles.all_experiments_link}
+            to={LATEST_EXPERIMENTS_EN.ALL_EXPERIMENTS_LINK}>
+            <span className={styles.experiment_name}>{LATEST_EXPERIMENTS_EN.ALL_EXPERIMENTS}</span>
+          </Link>
+        </div>
+        <QujataTable className={styles.latest_experiments_table} headers={headers} data={data} enableSorting={false} limit={5} />
+        {isInsightShowed && <QujataInsight
+          closeImageUrl={CloseSvg}
+          onInsightClose={() => setIsInsightShowed(false)}
+          title={LATEST_EXPERIMENTS_EN.INSIGHT.TITLE}
+          description={LATEST_EXPERIMENTS_EN.INSIGHT.DESCRIPTION}
+          linkName={LATEST_EXPERIMENTS_EN.INSIGHT.LINK_TITLE}
+          linkUrl={LATEST_EXPERIMENTS_EN.INSIGHT.LINK_URL}
+        />}
+      </div>
+  );
+}
diff --git a/portal/src/app/components/home/components/latest-experiments/index.ts b/portal/src/app/components/home/components/latest-experiments/index.ts
new file mode 100644
index 00000000..bc477125
--- /dev/null
+++ b/portal/src/app/components/home/components/latest-experiments/index.ts
@@ -0,0 +1 @@
+export * from './LatestExperiments';
diff --git a/portal/src/app/components/home/components/latest-experiments/translate/en.ts b/portal/src/app/components/home/components/latest-experiments/translate/en.ts
new file mode 100644
index 00000000..adca05fa
--- /dev/null
+++ b/portal/src/app/components/home/components/latest-experiments/translate/en.ts
@@ -0,0 +1,26 @@
+export const LATEST_EXPERIMENTS_EN = {
+  TITLE: 'Latest Experiments',
+  ALL_EXPERIMENTS: 'All Experiments',
+  TABLE_TITLES: {
+    EXPERIMENT_NAME: 'Experiment Name',
+    DATE: 'Date',
+    NUMBER_OF_ALGORITHMS: '#Algorithms',
+    ITERATIONS: 'Iterations',
+    MESSAGE_SIZES: 'Message Size (KB)'
+  },
+  COLUMN_IDS: {
+    EXPERIMENT_NAME: 'experimentName',
+    DATE: 'date',
+    NUMBER_OF_ALGORITHMS: 'numberOfAlgorithms',
+    ITERATIONS: 'iterations',
+    MESSAGE_SIZES: 'messageSizes'
+  },
+  INSIGHT: {
+    TITLE: 'Recommendation',
+    DESCRIPTION: 'Explore more about our product and his abilities, development process and how you can contribute.',
+    LINK_TITLE: 'Learn more',
+    LINK_URL: 'https://github.com/att/qujata'
+  },
+  HOMEPAGE_LINK: '/qujata',
+  ALL_EXPERIMENTS_LINK: '/qujata/test_suites',
+}
diff --git a/portal/src/app/components/protocol-query/ProtocolQuery.test.tsx b/portal/src/app/components/protocol-query/ProtocolQuery.test.tsx
index c444fa76..da5c87dd 100644
--- a/portal/src/app/components/protocol-query/ProtocolQuery.test.tsx
+++ b/portal/src/app/components/protocol-query/ProtocolQuery.test.tsx
@@ -1,58 +1,92 @@
 import '@testing-library/jest-dom';
-import { RenderResult, fireEvent, render, screen } from '@testing-library/react';
+import { RenderResult, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { ProtocolQuery, ProtocolQueryProps } from './ProtocolQuery';
 import { PROTOCOL_QUERY_EN } from './translate/en';
+import { AttSelectOption, AttSelectProps } from '../../shared/components/att-select';
+import { handleAlgorithmsSelection } from './utils';
+
+jest.mock('./utils');
+jest.mock('../../shared/components/att-select', () => {
+  return {
+    __esModule: true,
+    AttSelect: (props: AttSelectProps) => {
+      function onChange() {
+        props.onChange({ label: 'regular', value: 'regular' });
+      }
+      
+      return <div onClick={onChange} data-testid='att_select_options'>Options</div>;
+    },
+  };
+});
 
 describe('ProtocolQuery', () => {
-  let props: ProtocolQueryProps;
-  beforeAll(() => {
-    props = {
+  let protocolQueryProps: ProtocolQueryProps;
+  let mockOptions: AttSelectOption[];
+  let mockAlgosBySection: Record<string, AttSelectOption[]>;
+  let mockPrevSelectedValues: string[];
+
+  beforeEach(() => {
+    protocolQueryProps = {
       isFetching: false,
       onRunClick: jest.fn(),
       setDuplicateData: jest.fn()
     };
+
+    mockOptions = [{ label: 'test', value: 'test' }];
+    mockAlgosBySection = { 'Classic': mockOptions };
+    mockPrevSelectedValues = ['value1', 'value2'];
+
+    (handleAlgorithmsSelection as jest.Mock).mockImplementation(() => ({
+      newSelectedOptions: [{ label: 'regular', value: 'regular' }],
+      selectedValues: ['regular']
+    }));
   });
 
-  test('should render ProtocolQuery', () => {
-    // Render the ProtocolQuery component with the prepared props
-    const { container }: RenderResult = render(<ProtocolQuery {...props} />);
+  test('should render ProtocolQuery correctly', async () => {
+    const { container, getByTestId, getAllByTestId }: RenderResult = render(<ProtocolQuery {...protocolQueryProps} />);
+    const experimentNameInputElement: HTMLElement = getByTestId('experiment_name_input');
+    const descriptionInputElement: HTMLElement = getByTestId('description_input');
+    const optionsElements: HTMLElement[] = getAllByTestId('att_select_options');
 
-    // Snapshot Matching
-    expect(container.firstChild).toMatchSnapshot();
+    fireEvent.change(experimentNameInputElement, { target: { value: 'new name' } });
+    fireEvent.change(descriptionInputElement, { target: { value: 'new description' } });
+    optionsElements.forEach((element) => {
+      fireEvent.click(element);
+    });
+    
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
   });
 
   test('should render spinner when isFetching is true', () => {
-    props.isFetching = true;
-    render(<ProtocolQuery {...props} />);
+    protocolQueryProps.isFetching = true;
+    render(<ProtocolQuery {...protocolQueryProps} />);
     const spinner = screen.getByRole('status');
     expect(spinner).toBeInTheDocument();
   });
 
   test('should call onRunClick when form is submitted', () => {
-    render(<ProtocolQuery {...props} />);
+    render(<ProtocolQuery {...protocolQueryProps} />);
     const form = screen.getByTestId('protocol-query-form');
     fireEvent.submit(form);
-    expect(props.onRunClick).toHaveBeenCalled();
+    expect(protocolQueryProps.onRunClick).toHaveBeenCalled();
   });
 
   test('should check all values were rendered', () => {
-    // Render the ProtocolQuery component with the prepared props
-    const { getByText }: RenderResult = render(<ProtocolQuery {...props} />);
+    const { getByText }: RenderResult = render(<ProtocolQuery {...protocolQueryProps} />);
     
-    // Assert that the form elements are rendered
     expect(getByText(PROTOCOL_QUERY_EN.FIELDS_LABEL.ALGORITHM)).toBeInTheDocument();
     expect(getByText(PROTOCOL_QUERY_EN.FIELDS_LABEL.ITERATIONS_NUMBER)).toBeInTheDocument();
     expect(getByText(PROTOCOL_QUERY_EN.ACTION_BUTTONS.RUN)).toBeTruthy();
   });
 
   test('should handle form submission', async () => {
-    render(<ProtocolQuery {...props} />);
+    render(<ProtocolQuery {...protocolQueryProps} />);
 
-    // Find the form and submit it
     const form = screen.getByTestId('protocol-query-form');
     fireEvent.submit(form);
 
-    // Assert that the onRunClick function has been called
-    expect(props.onRunClick).toHaveBeenCalled();
+    expect(protocolQueryProps.onRunClick).toHaveBeenCalled();
   });
 });
diff --git a/portal/src/app/components/protocol-query/ProtocolQuery.tsx b/portal/src/app/components/protocol-query/ProtocolQuery.tsx
index d7f040a5..2e576bad 100644
--- a/portal/src/app/components/protocol-query/ProtocolQuery.tsx
+++ b/portal/src/app/components/protocol-query/ProtocolQuery.tsx
@@ -102,10 +102,12 @@ export const ProtocolQuery: React.FC<ProtocolQueryProps> = (props: ProtocolQuery
                 {PROTOCOL_QUERY_EN.FIELDS_LABEL.EXPERIMENT_NAME} <span className={styles.required}>{PROTOCOL_QUERY_EN.FIELDS_LABEL.REQUIRED}</span>
               </label>
               <input
+                data-testid="experiment_name_input"
                 className={styles.input_form_item}
                 value={experimentName}
                 onChange={onExperimentNameChanged}
                 placeholder=''
+                disabled={isFetching}
                 required
               />
           </div>
@@ -122,6 +124,7 @@ export const ProtocolQuery: React.FC<ProtocolQueryProps> = (props: ProtocolQuery
                 isMulti
                 hideSelectedOptions={false}
                 closeMenuOnSelect={false}
+                disabled={isFetching}
                 required
                 customComponent={{ Option: AlgorithmsSelectorCustomOption as React.FC }}
               />
@@ -141,6 +144,7 @@ export const ProtocolQuery: React.FC<ProtocolQueryProps> = (props: ProtocolQuery
                 closeMenuOnSelect={false}
                 menuIsOpen={iterationsMenuIsOpen}
                 setMenuIsOpen={setIterationsMenuIsOpen}
+                disabled={isFetching}
                 required
                 customComponent={{
                   Option: (props: any) =>
@@ -170,6 +174,7 @@ export const ProtocolQuery: React.FC<ProtocolQueryProps> = (props: ProtocolQuery
                 closeMenuOnSelect={false}
                 menuIsOpen={messageSizeMenuIsOpen}
                 setMenuIsOpen={setMessageSizeMenuIsOpen}
+                disabled={isFetching}
                 required
                 customComponent={{
                   Option: (props: any) =>
@@ -189,9 +194,11 @@ export const ProtocolQuery: React.FC<ProtocolQueryProps> = (props: ProtocolQuery
                 {PROTOCOL_QUERY_EN.FIELDS_LABEL.DESCRIPTION}
               </label>
               <textarea
+                data-testid="description_input"
                 className={styles.form_item_text_area}
                 onChange={onDescriptionChanged}
                 placeholder=''
+                disabled={isFetching}
               />
           </div>
           <div className={styles.submitButtonWrapper}>
@@ -206,10 +213,10 @@ export const ProtocolQuery: React.FC<ProtocolQueryProps> = (props: ProtocolQuery
                 {PROTOCOL_QUERY_EN.ACTION_BUTTONS.RUN}
               </Button>
               {isFetching && 
-              <div role='status' className={styles.spinnerWrapper}>
-                    <Spinner size={SpinnerSize.EXTRA_SMALL} />
-                    <span className={styles.text}>{PROTOCOL_QUERY_EN.FETCH_DATA}</span>
-              </div>}
+                <div role='status' className={styles.spinnerWrapper}>
+                  <Spinner size={SpinnerSize.EXTRA_SMALL} />
+                  <span className={styles.text}>{PROTOCOL_QUERY_EN.FETCH_DATA}</span>
+                </div>}
           </div>
        </form>
     </div>
diff --git a/portal/src/app/components/protocol-query/__snapshots__/ProtocolQuery.test.tsx.snap b/portal/src/app/components/protocol-query/__snapshots__/ProtocolQuery.test.tsx.snap
deleted file mode 100644
index 6ef07f04..00000000
--- a/portal/src/app/components/protocol-query/__snapshots__/ProtocolQuery.test.tsx.snap
+++ /dev/null
@@ -1,352 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ProtocolQuery should render ProtocolQuery 1`] = `
-<div
-  class="protocol_query_wrapper"
->
-  <div>
-    <h2
-      class="experiment_title"
-    >
-      Run new experiment
-    </h2>
-    <div
-      class="note"
-    >
-      <span
-        class="note_title"
-      >
-        Note:
-      </span>
-      <p>
-        For each experiment you can select or type in one or more algorithms and number of iterations
-      </p>
-    </div>
-  </div>
-  <form
-    class="wrapper"
-    data-testid="protocol-query-form"
-  >
-    <div
-      class="form_item"
-    >
-      <label
-        class="form_item_label"
-      >
-        Experiment name
-         
-        <span
-          class="required"
-        >
-          *
-        </span>
-      </label>
-      <input
-        class="input_form_item"
-        placeholder=""
-        required=""
-        value=""
-      />
-    </div>
-    <div
-      class="form_item"
-    >
-      <label
-        class="form_item_label"
-      >
-        Algorithm(s)
-         
-        <span
-          class="required"
-        >
-          *
-        </span>
-      </label>
-      <div
-        class="att_select_container select_form_item att_select_multi_container css-b62m3t-container"
-      >
-        <span
-          class="css-1f43avz-a11yText-A11yText"
-          id="react-select-2-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          class="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          class="att_select__control css-13cymwt-control"
-        >
-          <div
-            class="att_select__value-container att_select__value-container--is-multi css-16674sh-Component"
-          >
-            <div
-              class="att_select__placeholder css-1jqq78o-placeholder"
-              id="react-select-2-placeholder"
-            />
-            <div
-              class="att_select__input-container css-d9r47t-Component"
-              data-value=""
-            >
-              <input
-                aria-autocomplete="list"
-                aria-describedby="react-select-2-placeholder"
-                aria-expanded="false"
-                aria-haspopup="true"
-                aria-required="true"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                class="att_select__input"
-                id="react-select-2-input"
-                role="combobox"
-                spellcheck="false"
-                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                tabindex="0"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="att_select__indicators css-ny0e4k-Component"
-          >
-            <div
-              aria-hidden="true"
-              class="att_select__indicator att_select__dropdown-indicator css-1xc3v61-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-tj5bde-Svg"
-                focusable="false"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-              >
-                <path
-                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-        <input
-          aria-hidden="true"
-          class="css-5kkxb2-requiredInput-RequiredInput"
-          required=""
-          tabindex="-1"
-          value=""
-        />
-      </div>
-    </div>
-    <div
-      class="form_item"
-    >
-      <label
-        class="form_item_label"
-      >
-        Number of iterations
-         
-        <span
-          class="required"
-        >
-          *
-        </span>
-      </label>
-      <div
-        class="att_select_container select_form_item att_select_multi_container css-b62m3t-container"
-      >
-        <span
-          class="css-1f43avz-a11yText-A11yText"
-          id="react-select-3-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          class="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          class="att_select__control css-13cymwt-control"
-        >
-          <div
-            class="att_select__value-container att_select__value-container--is-multi css-16674sh-Component"
-          >
-            <div
-              class="att_select__placeholder css-1jqq78o-placeholder"
-              id="react-select-3-placeholder"
-            />
-            <div
-              class="att_select__input-container css-d9r47t-Component"
-              data-value=""
-            >
-              <input
-                aria-autocomplete="list"
-                aria-describedby="react-select-3-placeholder"
-                aria-expanded="false"
-                aria-haspopup="true"
-                aria-required="true"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                class="att_select__input"
-                id="react-select-3-input"
-                role="combobox"
-                spellcheck="false"
-                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                tabindex="0"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="att_select__indicators css-ny0e4k-Component"
-          >
-            <div
-              aria-hidden="true"
-              class="att_select__indicator att_select__dropdown-indicator css-1xc3v61-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-tj5bde-Svg"
-                focusable="false"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-              >
-                <path
-                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-        <input
-          aria-hidden="true"
-          class="css-5kkxb2-requiredInput-RequiredInput"
-          required=""
-          tabindex="-1"
-          value=""
-        />
-      </div>
-    </div>
-    <div
-      class="form_item"
-    >
-      <label
-        class="form_item_label"
-      >
-        Message size
-         
-        <span
-          class="required"
-        >
-          *
-        </span>
-      </label>
-      <div
-        class="att_select_container select_form_item att_select_multi_container css-b62m3t-container"
-      >
-        <span
-          class="css-1f43avz-a11yText-A11yText"
-          id="react-select-4-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          class="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          class="att_select__control css-13cymwt-control"
-        >
-          <div
-            class="att_select__value-container att_select__value-container--is-multi css-16674sh-Component"
-          >
-            <div
-              class="att_select__placeholder css-1jqq78o-placeholder"
-              id="react-select-4-placeholder"
-            />
-            <div
-              class="att_select__input-container css-d9r47t-Component"
-              data-value=""
-            >
-              <input
-                aria-autocomplete="list"
-                aria-describedby="react-select-4-placeholder"
-                aria-expanded="false"
-                aria-haspopup="true"
-                aria-required="true"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                class="att_select__input"
-                id="react-select-4-input"
-                role="combobox"
-                spellcheck="false"
-                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                tabindex="0"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="att_select__indicators css-ny0e4k-Component"
-          >
-            <div
-              aria-hidden="true"
-              class="att_select__indicator att_select__dropdown-indicator css-1xc3v61-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-tj5bde-Svg"
-                focusable="false"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-              >
-                <path
-                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-        <input
-          aria-hidden="true"
-          class="css-5kkxb2-requiredInput-RequiredInput"
-          required=""
-          tabindex="-1"
-          value=""
-        />
-      </div>
-    </div>
-    <div
-      class="form_item"
-    >
-      <label
-        class="form_item_label"
-      >
-        Description
-      </label>
-      <textarea
-        class="form_item_text_area"
-        placeholder=""
-      />
-    </div>
-    <div
-      class="submitButtonWrapper"
-    >
-      <button
-        class="run_button button primary_button lg_button"
-        type="submit"
-      >
-        Run
-      </button>
-    </div>
-  </form>
-</div>
-`;
diff --git a/portal/src/app/components/protocol-query/translate/en.ts b/portal/src/app/components/protocol-query/translate/en.ts
index 8883be9b..ba880793 100644
--- a/portal/src/app/components/protocol-query/translate/en.ts
+++ b/portal/src/app/components/protocol-query/translate/en.ts
@@ -3,7 +3,7 @@ export const PROTOCOL_QUERY_EN = {
     TITLE: 'Run new experiment',
     NOTE: {
         TITLE: 'Note:',
-        TEXT: 'For each experiment you can select or type in one or more algorithms and number of iterations',
+        TEXT: 'For each experiment you can select or type in one or more algorithms, number of iterations and message sizes',
     },
     ACTION_BUTTONS: {
         RUN: 'Run',
diff --git a/portal/src/app/components/protocol-query/utils/handleAlgorithmsChange.test.ts b/portal/src/app/components/protocol-query/utils/handleAlgorithmsSelection.test.ts
similarity index 93%
rename from portal/src/app/components/protocol-query/utils/handleAlgorithmsChange.test.ts
rename to portal/src/app/components/protocol-query/utils/handleAlgorithmsSelection.test.ts
index c960ac0c..d5928709 100644
--- a/portal/src/app/components/protocol-query/utils/handleAlgorithmsChange.test.ts
+++ b/portal/src/app/components/protocol-query/utils/handleAlgorithmsSelection.test.ts
@@ -1,4 +1,4 @@
-import { handleAlgorithmsSelection } from './handleAlgorithmsChange';
+import { handleAlgorithmsSelection } from './handleAlgorithmsSelection';
 import { AttSelectOption } from '../../../shared/components/att-select';
 import { AlgosBySectionDict } from '../hooks';
 import { SelectOptionType } from '../ProtocolQuery';
@@ -43,6 +43,10 @@ describe('handleAlgorithmsSelection', () => {
   it('should handle no algorithms selected', () => {
     const options: SelectOptionType = [];
     const prevSelectedValues: string[] = [];
+    const algorithmOptions = [
+      { value: algorithmSections[1], label: algorithmSections[1], isDisabled: true },
+      { value: algorithmSections[2], label: algorithmSections[2], isDisabled: true },
+    ];
 
     const { newSelectedOptions, selectedValues } =
       handleAlgorithmsSelection(options, algorithmOptions, algosBySection, prevSelectedValues);
@@ -96,4 +100,5 @@ describe('handleAlgorithmsSelection', () => {
     expect(selectedValues).toStrictEqual(['option1']);
     expect(newSelectedOptions).toStrictEqual([{ label: 'option1', value: 'option1' }]);
   });
+  
 });
\ No newline at end of file
diff --git a/portal/src/app/components/protocol-query/utils/handleAlgorithmsChange.ts b/portal/src/app/components/protocol-query/utils/handleAlgorithmsSelection.ts
similarity index 100%
rename from portal/src/app/components/protocol-query/utils/handleAlgorithmsChange.ts
rename to portal/src/app/components/protocol-query/utils/handleAlgorithmsSelection.ts
diff --git a/portal/src/app/components/protocol-query/utils/index.ts b/portal/src/app/components/protocol-query/utils/index.ts
index 49d978da..7a01efd6 100644
--- a/portal/src/app/components/protocol-query/utils/index.ts
+++ b/portal/src/app/components/protocol-query/utils/index.ts
@@ -1,2 +1,2 @@
-export * from './handleAlgorithmsChange';
+export * from './handleAlgorithmsSelection';
 export * from './convertBytesToHumanReadable';
\ No newline at end of file
diff --git a/portal/src/app/components/sub-header/SubHeader.test.tsx b/portal/src/app/components/sub-header/SubHeader.test.tsx
index 21b4c76d..779c7513 100644
--- a/portal/src/app/components/sub-header/SubHeader.test.tsx
+++ b/portal/src/app/components/sub-header/SubHeader.test.tsx
@@ -1,4 +1,4 @@
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult, waitFor } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import { Button } from '../../shared/components/att-button';
 import { SubHeader } from './SubHeader';
@@ -6,10 +6,30 @@ import { SubHeader } from './SubHeader';
 jest.mock('../../shared/components/att-button');
 
 describe('SubHeader', () => {
-  test('renders sub header ', () => {
-    (Button as jest.Mock).mockImplementation(() => <div>Button</div>);
+  test('renders sub header successfuly', () => {
     const { container, getByText }: RenderResult = render(<SubHeader handleCloseClick={jest.fn()} />, { wrapper: MemoryRouter });
+
     expect(container.firstChild).toMatchSnapshot();
     expect(getByText('Deriving symmetric keys, establishing a secure channel for communication.')).toBeTruthy();
   });
+
+  test('expand sub header successfuly', async () => {
+    (Button as jest.Mock).mockImplementation(({ onButtonClick }) => {
+      const handleButtonClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
+        onButtonClick(event);
+      }
+      return <div onClick={handleButtonClick} data-testid='sub_header_id'>Button</div>;
+    });
+    
+    const { container, getAllByTestId }: RenderResult = render(<SubHeader handleCloseClick={jest.fn()} />, { wrapper: MemoryRouter });
+
+    const subHeaderButtonElements: HTMLElement[] = getAllByTestId('sub_header_id');
+    subHeaderButtonElements.forEach((element) => {
+      fireEvent.click(element);
+    });
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
 });
\ No newline at end of file
diff --git a/portal/src/app/components/sub-header/SubHeader.tsx b/portal/src/app/components/sub-header/SubHeader.tsx
index ff4ae731..12fd1bd4 100644
--- a/portal/src/app/components/sub-header/SubHeader.tsx
+++ b/portal/src/app/components/sub-header/SubHeader.tsx
@@ -16,7 +16,7 @@ export interface SubHeaderProps {
     handleCloseClick: () => void;
 }
 export const SubHeader: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {
-  const [open, setOpen] = useState<boolean>(true);
+  const [open, setOpen] = useState<boolean>(false);
 
   const handleToggleClick: () => void = useCallback((): void => {
     setOpen((prev: boolean) => !prev);
diff --git a/portal/src/app/components/sub-header/__snapshots__/SubHeader.test.tsx.snap b/portal/src/app/components/sub-header/__snapshots__/SubHeader.test.tsx.snap
index c4ae92d0..0b42ebb4 100644
--- a/portal/src/app/components/sub-header/__snapshots__/SubHeader.test.tsx.snap
+++ b/portal/src/app/components/sub-header/__snapshots__/SubHeader.test.tsx.snap
@@ -1,19 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SubHeader renders sub header  1`] = `
+exports[`SubHeader renders sub header successfuly 1`] = `
 <div
   class="sub_header_wrapper"
 >
   <div
     class="sub_header_action_buttons"
-  >
-    <div>
-      Button
-    </div>
-    <div>
-      Button
-    </div>
-  </div>
+  />
   <div
     class="items_wrapper_open items_wrapper"
   >
diff --git a/portal/src/app/hooks/useOutsideClick.test.tsx b/portal/src/app/hooks/useOutsideClick.test.tsx
index 2aa48728..7e8fc16b 100644
--- a/portal/src/app/hooks/useOutsideClick.test.tsx
+++ b/portal/src/app/hooks/useOutsideClick.test.tsx
@@ -25,6 +25,6 @@ describe('useOutsideClick', () => {
     act(() => {
       fireEvent.mouseDown(insideElement);
     });
-    expect(onClickOutside).toHaveBeenCalledTimes(0);
+    expect(onClickOutside).not.toHaveBeenCalled();
   });
 });
diff --git a/portal/src/app/shared/components/global-header/GlobalHeader.module.scss b/portal/src/app/shared/components/global-header/GlobalHeader.module.scss
index e216310c..a86c6b58 100644
--- a/portal/src/app/shared/components/global-header/GlobalHeader.module.scss
+++ b/portal/src/app/shared/components/global-header/GlobalHeader.module.scss
@@ -32,8 +32,8 @@ $headerSuperUser: #a4f1c1;
 
 .home_icon {
   margin-inline-end: 10px;
-  block-size: 100%;
-  inline-size: 100%;
+  block-size: 80px;
+  inline-size: 150px;
 }
 
 .avatar_style {
diff --git a/portal/src/app/shared/components/modal/BaseModal.test.tsx b/portal/src/app/shared/components/modal/BaseModal.test.tsx
index 8d615d6e..994b5719 100644
--- a/portal/src/app/shared/components/modal/BaseModal.test.tsx
+++ b/portal/src/app/shared/components/modal/BaseModal.test.tsx
@@ -1,13 +1,22 @@
 /* eslint-disable @typescript-eslint/typedef */
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult, waitFor } from '@testing-library/react';
 import { BaseModalSize } from './base-modal.const';
-import { ButtonActionType, ButtonSize, ButtonStyleType } from '../att-button';
+import { Button, ButtonActionType, ButtonSize, ButtonStyleType } from '../att-button';
 import { BaseModal, BaseModalProps } from './BaseModal';
 
 jest.mock('../att-button', );
 
 describe('BaseModal', () => {
-  test('renders modal', async () => {
+  beforeEach(() => {
+    (Button as jest.Mock).mockImplementation(({ onButtonClick }) => {
+      const handleCloseClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
+        onButtonClick(event);
+      }
+      return <div onClick={handleCloseClick} data-testid='close_modal'>Close</div>;
+    });
+  });
+
+  test('should render BaseModal correctly', async () => {
     const handleClose = jest.fn();
     const props: BaseModalProps = {
       title: 'Test Title',
@@ -20,9 +29,19 @@ describe('BaseModal', () => {
       }],
       onCloseClick: jest.fn(),
       size: BaseModalSize.MEDIUM,
+      showSpinner: true,
     };
-    const { getByText }: RenderResult = render(<BaseModal {...props}>TestMe</BaseModal>);
-    expect(getByText('Test Title')).toBeTruthy();
-    expect(getByText('TestMe')).toBeTruthy();
+    const { container, getByText, getAllByTestId }: RenderResult = render(<BaseModal {...props}>TestMe</BaseModal>);
+    const closeModalButtonElements: HTMLElement[] = getAllByTestId('close_modal');
+
+    closeModalButtonElements.forEach((element) => {
+      fireEvent.click(element);
+    });
+    
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+      expect(getByText('Test Title')).toBeTruthy();
+      expect(getByText('TestMe')).toBeTruthy();
+    });
   });
 });
diff --git a/portal/src/app/shared/components/qujata-insight/QujataInsight.module.scss b/portal/src/app/shared/components/qujata-insight/QujataInsight.module.scss
new file mode 100644
index 00000000..dd756a99
--- /dev/null
+++ b/portal/src/app/shared/components/qujata-insight/QujataInsight.module.scss
@@ -0,0 +1,55 @@
+@import "src/styles/variables-keys";
+
+.container {
+  position: relative;
+  display: flex;
+  margin-block: 40px;
+  background-color: rgba(109, 63, 252, 0.1);
+  border-radius: 20px;
+
+  .close_insight_button {
+    position: absolute;
+    inset-block-start: 30px;
+    inset-inline-end: 30px;
+    cursor: pointer;
+  }
+
+  .image {
+    inline-size: 5%;
+    object-fit: cover;
+  }
+
+  .divider {
+    margin-inline-start: 40px;
+    margin-inline-end: 20px;
+    margin-block: 35px;
+    inline-size: 7px;
+    background-color: var($attPurple);
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding-block: 20px;
+
+    .titleContainer {
+      display: flex;
+      align-items: left;
+      
+      .title {
+        block-size: 15px;
+        margin-block-start: 20px;
+        margin-inline: 7px;
+        color: var($attPurple);
+      }
+    }
+
+    .link {
+      color: var($attPurple);
+      text-decoration: none;
+      margin-block-start: 10px;
+      margin-block-end: 15px;
+    }
+  }
+}
diff --git a/portal/src/app/shared/components/qujata-insight/QujataInsight.test.tsx b/portal/src/app/shared/components/qujata-insight/QujataInsight.test.tsx
new file mode 100644
index 00000000..4bb96b2f
--- /dev/null
+++ b/portal/src/app/shared/components/qujata-insight/QujataInsight.test.tsx
@@ -0,0 +1,26 @@
+import { render, RenderResult, waitFor } from '@testing-library/react';
+import { QujataInsight, QujataInsightsProps } from './QujataInsight';
+
+describe('QujataInsight', () => {
+  let qujataInsightProps: QujataInsightsProps;
+
+  beforeEach(() => {
+    qujataInsightProps = {
+      closeImageUrl: 'closeImageUrl',
+      description: 'description',
+      linkName: 'linkName',
+      linkUrl: 'linkUrl',
+      onInsightClose: jest.fn(),
+      title: 'title',
+      imageUrl: 'imageUrl'
+    };
+  });
+
+  test('should render QujataInsight correctly', async () => {
+    const { container }: RenderResult = render(<QujataInsight { ...qujataInsightProps } />);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+});
\ No newline at end of file
diff --git a/portal/src/app/shared/components/qujata-insight/QujataInsight.tsx b/portal/src/app/shared/components/qujata-insight/QujataInsight.tsx
new file mode 100644
index 00000000..1f1f163e
--- /dev/null
+++ b/portal/src/app/shared/components/qujata-insight/QujataInsight.tsx
@@ -0,0 +1,36 @@
+import cn from 'classnames';
+import styles from './QujataInsight.module.scss';
+import QujataLogoPurpleSvg from '../../../../assets/images/qujata-logo-purple.svg';
+
+const CloseAriaLabel: string = 'Close';
+const InsightAriaLabel: string = 'Insight';
+const LogoAriaLabel: string = 'QujataLogo';
+
+export interface QujataInsightsProps {
+  className?: string;
+  closeImageUrl: string;
+  onInsightClose: () => void;
+  imageUrl?: string;
+  title: string;
+  description: string;
+  linkName: string;
+  linkUrl: string;
+}
+
+export const QujataInsight = ({ className, closeImageUrl, onInsightClose, imageUrl, title, description, linkName, linkUrl }: QujataInsightsProps) => {
+  return (
+    <div className={cn(styles.container, className)}>
+      <img src={closeImageUrl} alt={CloseAriaLabel} className={styles.close_insight_button} onClick={onInsightClose} />
+      {imageUrl && <img src={imageUrl} alt={InsightAriaLabel} className={styles.image} />}
+      <div className={styles.divider} />
+      <div className={styles.content}>
+        <div className={styles.titleContainer}>
+          <img className={styles.qujata_icon} src={QujataLogoPurpleSvg} alt={LogoAriaLabel} />
+          <h3 className={styles.title}>{title}</h3>
+        </div>
+        <div>{description}</div>
+        <a href={linkUrl} target="_blank" rel="noopener noreferrer" className={styles.link}>{linkName}</a>
+      </div>
+    </div>
+  );
+};
diff --git a/portal/src/app/shared/components/qujata-insight/index.ts b/portal/src/app/shared/components/qujata-insight/index.ts
new file mode 100644
index 00000000..273d0c43
--- /dev/null
+++ b/portal/src/app/shared/components/qujata-insight/index.ts
@@ -0,0 +1 @@
+export * from './QujataInsight';
diff --git a/portal/src/app/shared/components/table/Table.module.scss b/portal/src/app/shared/components/qujata-table/QujataTable.module.scss
similarity index 100%
rename from portal/src/app/shared/components/table/Table.module.scss
rename to portal/src/app/shared/components/qujata-table/QujataTable.module.scss
diff --git a/portal/src/app/shared/components/table/Table.tsx b/portal/src/app/shared/components/qujata-table/QujataTable.tsx
similarity index 83%
rename from portal/src/app/shared/components/table/Table.tsx
rename to portal/src/app/shared/components/qujata-table/QujataTable.tsx
index 37386ed5..fe517f9c 100644
--- a/portal/src/app/shared/components/table/Table.tsx
+++ b/portal/src/app/shared/components/qujata-table/QujataTable.tsx
@@ -1,4 +1,4 @@
-import styles from './Table.module.scss';
+import styles from './QujataTable.module.scss';
 import cn from 'classnames';
 import { useMemo, useState } from 'react';
 import {
@@ -32,9 +32,11 @@ export interface TableProps<T> {
   className?: string;
   headers: TableColumn<T>[];
   data: T[];
+  enableSorting?: boolean;
+  limit?: number;
 }
 
-export const Table = <T extends any>({ headers, data, className }: TableProps<T>) => {
+export const QujataTable = <T extends any>({ headers, data, className, enableSorting = true, limit }: TableProps<T>) => {
   const [sorting, setSorting] = useState<SortingState>([])
   const columns: ColumnDef<T>[] = useMemo(() => {
     return headers.map(header => ({
@@ -46,12 +48,12 @@ export const Table = <T extends any>({ headers, data, className }: TableProps<T>
   }, [headers]);
 
   const table = useReactTable({
-    data,
+    data: limit ? data.slice(0, limit) : data,
     columns,
     state: {
       sorting,
     },
-    onSortingChange: setSorting,
+    onSortingChange: enableSorting ? setSorting : undefined,
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
   });
@@ -65,17 +67,17 @@ export const Table = <T extends any>({ headers, data, className }: TableProps<T>
               <th key={header.id} className={styles.table_titles}>
                 <div
                 {...{
-                  className: header.column.getCanSort()
+                  className: enableSorting && header.column.getCanSort()
                     ? styles.sort_style
                     : '',
-                  onClick: header.column.getToggleSortingHandler(),
+                  onClick: enableSorting ? header.column.getToggleSortingHandler() : undefined,
                 }}
                 >
                   { flexRender(header.column.columnDef.header, header.getContext()) }
-                  { {
+                  { enableSorting && ({
                     asc: <label>{' '}<img src={SortascendingSvg} alt={SortAscendingLabel} /></label>,
                     desc: <label>{' '}<img src={SortDescendingSvg} alt={SortDescendingLabel} /></label>,
-                  }[header.column.getIsSorted() as string] ?? null }
+                  }[header.column.getIsSorted() as string] ?? null) }
                 </div>
               </th>
             ))}
diff --git a/portal/src/app/shared/components/qujata-table/index.ts b/portal/src/app/shared/components/qujata-table/index.ts
new file mode 100644
index 00000000..830c66c0
--- /dev/null
+++ b/portal/src/app/shared/components/qujata-table/index.ts
@@ -0,0 +1 @@
+export * from './QujataTable';
diff --git a/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.test.tsx b/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.test.tsx
index 923a745f..ed7cb477 100644
--- a/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.test.tsx
+++ b/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.test.tsx
@@ -1,46 +1,95 @@
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult, waitFor } from '@testing-library/react';
 import { AlgorithmsSelectorCustomOption, SelectorCustomOption, SelectorCustomOptionProps } from './SelectorCustomOption';
+import { AttSelectOption } from '../att-select';
+
+jest.mock('../../../components/protocol-query/constants', () => ({
+  algorithmSections: ['All', 'Classic', 'Hybrid', 'PQ']
+}));
 
 describe('SelectorCustomOption', () => {
-  const mockOption = { value: 'option1', label: 'Option 1' };
-  const mockProps: SelectorCustomOptionProps = {
-    data: mockOption,
-    isSelected: false,
-    selectOption: jest.fn(),
-    label: 'Option 1',
-    innerProps: {},
-    innerRef: jest.fn(),
-    children: null,
-    type: 'option',
-    isDisabled: false,
-    isFocused: false,
-    clearValue: jest.fn(),
-    cx: jest.fn(),
-    getStyles: jest.fn(),
-    getClassNames: jest.fn(),
-    getValue: jest.fn().mockReturnValue([{ label: 'Option 1', value: 'option1' }]),
-    hasValue: true,
-    isMulti: true,
-    isRtl: false,
-    options: [],
-    selectProps: expect.any(Object),
-    setValue: jest.fn(),
-    theme: expect.any(Object),
-    onOptionChanged: jest.fn(),
-    showInputOption: false,
-    setShowInputOption: jest.fn(),
-    inputValue: '1111',
-    setInputValue: jest.fn(),
-    setMenuIsOpen: jest.fn(),
-  };
-
-  it('should render AlgorithmsSelectorCustomOption correctly', () => {
-    const { container }: RenderResult = render(<AlgorithmsSelectorCustomOption {...mockProps} />);
-    expect(container.firstChild).toMatchSnapshot();
+  let mockOption: AttSelectOption;
+  let mockProps: SelectorCustomOptionProps;
+
+  beforeEach(() => {
+    mockOption = { value: 'Classic', label: 'Classic' };
+
+    mockProps = {
+      data: mockOption,
+      isSelected: false,
+      selectOption: jest.fn(),
+      label: 'Option 1',
+      innerProps: {},
+      innerRef: jest.fn(),
+      children: null,
+      type: 'option',
+      isDisabled: false,
+      isFocused: false,
+      clearValue: jest.fn(),
+      cx: jest.fn(),
+      getStyles: jest.fn(),
+      getClassNames: jest.fn(),
+      getValue: jest.fn().mockReturnValue([{ label: 'Option 1', value: 'option1' }]),
+      hasValue: true,
+      isMulti: true,
+      isRtl: false,
+      options: [],
+      selectProps: expect.any(Object),
+      setValue: jest.fn(),
+      theme: expect.any(Object),
+      onOptionChanged: jest.fn(),
+      showInputOption: false,
+      setShowInputOption: jest.fn(),
+      inputValue: '1111',
+      setInputValue: jest.fn(),
+      setMenuIsOpen: jest.fn(),
+    };
   });
 
-  it('should render SelectorCustomOption correctly', () => {
-    const { container }: RenderResult = render(<SelectorCustomOption {...mockProps} />);
-    expect(container.firstChild).toMatchSnapshot();
+  test('should render AlgorithmsSelectorCustomOption correctly', async () => {
+    const { container, getByTestId }: RenderResult = render(<AlgorithmsSelectorCustomOption {...mockProps} />);
+    const algorithmCheckboxElement: HTMLElement = getByTestId('algorithm_checkbox');
+
+    fireEvent.click(algorithmCheckboxElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+
+  test('should render AlgorithmsSelectorCustomOption correctly when the prop isSelected', async () => {
+    mockProps.isSelected = true;
+    mockProps.data = { value: 'non-title', label: 'non-title' };
+    const { container, getByTestId }: RenderResult = render(<AlgorithmsSelectorCustomOption {...mockProps} />);
+    const algorithmCheckboxElement: HTMLElement = getByTestId('algorithm_checkbox');
+
+    fireEvent.click(algorithmCheckboxElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+
+  test('should render SelectorCustomOption correctly', async () => {
+    const { container, getByTestId }: RenderResult = render(<SelectorCustomOption {...mockProps} />);
+    const algorithmCheckboxElement: HTMLElement = getByTestId('selector_custom_option_checkbox');
+
+    fireEvent.click(algorithmCheckboxElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+
+  test('should render SelectorCustomOption correctly when the prop isSelected', async () => {
+    mockProps.isSelected = true;
+    mockProps.data = { value: 'non-title', label: 'non-title' };
+    const { container, getByTestId }: RenderResult = render(<SelectorCustomOption {...mockProps} />);
+    const algorithmCheckboxElement: HTMLElement = getByTestId('selector_custom_option_checkbox');
+
+    fireEvent.click(algorithmCheckboxElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
   });
 });
\ No newline at end of file
diff --git a/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.tsx b/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.tsx
index 0859d042..27cb621c 100644
--- a/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.tsx
+++ b/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.tsx
@@ -26,6 +26,7 @@ export const AlgorithmsSelectorCustomOption: React.FC<SelectorCustomOptionProps>
     <components.Option {...props}>
       <div className={styles.option_wrapper}>
         <input
+          data-testid="algorithm_checkbox"
           id={props.label}
           type="checkbox"
           className={styles.input_option}
@@ -46,6 +47,7 @@ export const SelectorCustomOption: React.FC<SelectorCustomOptionProps> = (props:
         <components.Option {...props}>
           <div className={styles.option_wrapper}>
             <input
+              data-testid="selector_custom_option_checkbox"
               id={props.label}
               type="checkbox"
               className={cn(styles.custom_input_option, styles.input_option)}
diff --git a/portal/src/app/shared/components/selector-custom-option/__snapshots__/SelectorCustomOption.test.tsx.snap b/portal/src/app/shared/components/selector-custom-option/__snapshots__/SelectorCustomOption.test.tsx.snap
deleted file mode 100644
index 016f0109..00000000
--- a/portal/src/app/shared/components/selector-custom-option/__snapshots__/SelectorCustomOption.test.tsx.snap
+++ /dev/null
@@ -1,52 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SelectorCustomOption should render AlgorithmsSelectorCustomOption correctly 1`] = `
-<div
-  aria-disabled="false"
-  class="css-0"
->
-  <div
-    class="option_wrapper"
-  >
-    <input
-      class="input_option"
-      id="Option 1"
-      type="checkbox"
-    />
-    <img
-      alt="checked"
-      class="algorithms_input_option"
-      src="unchecked.svg"
-    />
-  </div>
-  <span
-    class="algorithms_input_option"
-  >
-    Option 1
-  </span>
-</div>
-`;
-
-exports[`SelectorCustomOption should render SelectorCustomOption correctly 1`] = `
-<div
-  aria-disabled="false"
-  class="css-0"
->
-  <div
-    class="option_wrapper"
-  >
-    <input
-      class="custom_input_option input_option"
-      id="Option 1"
-      type="checkbox"
-    />
-    <img
-      alt="checked"
-      src="unchecked.svg"
-    />
-  </div>
-  <span>
-    Option 1
-  </span>
-</div>
-`;
diff --git a/portal/src/app/shared/components/selector-custom-option/components/CustomInput.test.tsx b/portal/src/app/shared/components/selector-custom-option/components/CustomInput.test.tsx
index e9939022..d38437ab 100644
--- a/portal/src/app/shared/components/selector-custom-option/components/CustomInput.test.tsx
+++ b/portal/src/app/shared/components/selector-custom-option/components/CustomInput.test.tsx
@@ -1,42 +1,103 @@
-import { render, RenderResult } from '@testing-library/react';
+import { fireEvent, render, RenderResult, waitFor } from '@testing-library/react';
 import { CustomInput } from './CustomInput';
 import { SelectorCustomOptionProps } from '../SelectorCustomOption';
+import { Button } from '../../att-button';
+import { SELECTOR_CUSTOM_OPTION_EN } from '../translate/en';
+import { AttSelectOption } from '../../att-select';
+
+jest.mock('../../att-button');
 
 describe('CustomInput', () => {
-  const mockOption = { value: 'option1', label: 'Option 1' };
-  const mockProps: SelectorCustomOptionProps = {
-    data: mockOption,
-    isSelected: false,
-    selectOption: jest.fn(),
-    label: 'Option 1',
-    innerProps: {},
-    innerRef: jest.fn(),
-    children: null,
-    type: 'option',
-    isDisabled: false,
-    isFocused: false,
-    clearValue: jest.fn(),
-    cx: jest.fn(),
-    getStyles: jest.fn(),
-    getClassNames: jest.fn(),
-    getValue: jest.fn().mockReturnValue([{ label: 'Option 1', value: 'option1' }]),
-    hasValue: true,
-    isMulti: true,
-    isRtl: false,
-    options: [],
-    selectProps: expect.any(Object),
-    setValue: jest.fn(),
-    theme: expect.any(Object),
-    onOptionChanged: jest.fn(),
-    showInputOption: false,
-    setShowInputOption: jest.fn(),
-    inputValue: '1111',
-    setInputValue: jest.fn(),
-    setMenuIsOpen: jest.fn(),
-  };
-
-  it('should render AlgorithmsSelectorCustomOption correctly', () => {
-    const { container }: RenderResult = render(<CustomInput {...mockProps} />);
-    expect(container.firstChild).toMatchSnapshot();
+  let mockOption1: AttSelectOption;
+  let mockOption2: AttSelectOption;
+  let mockProps: SelectorCustomOptionProps;
+
+  beforeEach(() => {
+    mockOption1 = { value: 'option1', label: 'Option 1', metadata: { isInput: true } };
+    mockOption2 = { value: 'option1', label: 'Option 1', metadata: { isAddNewButton: true } };
+    mockProps = {
+      data: mockOption1,
+      isSelected: true,
+      selectOption: jest.fn(),
+      label: 'Option 1',
+      innerProps: {},
+      innerRef: jest.fn(),
+      children: null,
+      type: 'option',
+      isDisabled: false,
+      isFocused: false,
+      clearValue: jest.fn(),
+      cx: jest.fn(),
+      getStyles: jest.fn(),
+      getClassNames: jest.fn(),
+      getValue: jest.fn().mockImplementation(() => [mockOption2]),
+      hasValue: true,
+      isMulti: true,
+      isRtl: false,
+      options: [mockOption1, mockOption2],
+      selectProps: expect.any(Object),
+      setValue: jest.fn().mockImplementation((newValue) => {
+        [mockOption2] = newValue;
+      }),
+      theme: expect.any(Object),
+      onOptionChanged: jest.fn(),
+      showInputOption: true,
+      setShowInputOption: jest.fn(),
+      inputValue: '1111',
+      setInputValue: jest.fn(),
+      setMenuIsOpen: jest.fn(),
+    };
+
+    (Button as jest.Mock).mockImplementation(({ onButtonClick }) => {
+      const applyCustomOption: React.MouseEventHandler<HTMLDivElement> = (event) => {
+        onButtonClick(event);
+      }
+      return <div onClick={applyCustomOption} data-testid='apply_custom_option'>{SELECTOR_CUSTOM_OPTION_EN.ADD_BUTTON}</div>;
+    });
+  });
+
+  test('should render CustomInput correctly', async () => {
+    const { container, getByTestId }: RenderResult = render(<CustomInput {...mockProps} />);
+    const applyCustomOptionElement: HTMLElement = getByTestId('apply_custom_option');
+    const addNewInputElement: HTMLElement = getByTestId('add_new_input');
+    const customInputElement: HTMLElement = getByTestId('custom_input');
+    const cleanIconElement: HTMLElement = getByTestId('clean_icon');
+
+    fireEvent.click(applyCustomOptionElement);
+    fireEvent.click(addNewInputElement);
+    fireEvent.change(customInputElement, { target: { value: 'new value' } });
+    fireEvent.click(cleanIconElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+
+    fireEvent.change(customInputElement, { target: { value: 1234 } });
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
+  });
+
+  test('should render CustomInput when props is not selected', async () => {
+    mockProps.getValue = jest.fn().mockReturnValue(undefined);
+    mockProps.isSelected = false;
+    mockProps.data = mockOption2;
+
+    (Button as jest.Mock).mockImplementation(({ onButtonClick }) => {
+      const applyAddNew: React.MouseEventHandler<HTMLDivElement> = (event) => {
+        onButtonClick(event);
+      }
+      return <div onClick={applyAddNew} data-testid='add_new_option'>{SELECTOR_CUSTOM_OPTION_EN.ADD_BUTTON}</div>;
+    });
+
+    const { container, getByTestId }: RenderResult = render(<CustomInput {...mockProps} />);
+    const addNewOptionElement: HTMLElement = getByTestId('add_new_option');
+
+    fireEvent.click(addNewOptionElement);
+
+    await waitFor(() => {
+      expect(container).toBeTruthy();
+    });
   });
 });
\ No newline at end of file
diff --git a/portal/src/app/shared/components/selector-custom-option/components/CustomInput.tsx b/portal/src/app/shared/components/selector-custom-option/components/CustomInput.tsx
index 6e4a45e8..a471e218 100644
--- a/portal/src/app/shared/components/selector-custom-option/components/CustomInput.tsx
+++ b/portal/src/app/shared/components/selector-custom-option/components/CustomInput.tsx
@@ -64,6 +64,7 @@ export const CustomInput: React.FC<SelectorCustomOptionProps> = (props: Selector
           <div className={styles.add_new_wrapper}>
             <div className={styles.add_new_checkbox_wrapper}>
               <input
+                data-testid="add_new_input"
                 id={props.label}
                 type="checkbox"
                 className={cn(styles.iterations_input_option, styles.input_option)}
@@ -74,6 +75,7 @@ export const CustomInput: React.FC<SelectorCustomOptionProps> = (props: Selector
             </div>
             <div className={styles.input_wrapper}>
               <input
+                data-testid="custom_input"
                 id={props.label}
                 ref={inputRef}
                 value={inputValue}
@@ -85,6 +87,7 @@ export const CustomInput: React.FC<SelectorCustomOptionProps> = (props: Selector
               {inputValue !== '' && (
                 <>
                   <img
+                    data-testid="clean_icon"
                     className={styles.clean_icon}
                     onClick={() => setInputValue('')}
                     src={CleanSvg}
diff --git a/portal/src/app/shared/components/selector-custom-option/components/__snapshots__/CustomInput.test.tsx.snap b/portal/src/app/shared/components/selector-custom-option/components/__snapshots__/CustomInput.test.tsx.snap
deleted file mode 100644
index b6a5efa5..00000000
--- a/portal/src/app/shared/components/selector-custom-option/components/__snapshots__/CustomInput.test.tsx.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CustomInput should render AlgorithmsSelectorCustomOption correctly 1`] = `null`;
diff --git a/portal/src/app/shared/components/table/index.ts b/portal/src/app/shared/components/table/index.ts
deleted file mode 100644
index 75193adc..00000000
--- a/portal/src/app/shared/components/table/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Table';
diff --git a/portal/src/app/shared/components/toast/att-toast.service.test.tsx b/portal/src/app/shared/components/toast/att-toast.service.test.tsx
index c6c1bd68..3282dbb9 100644
--- a/portal/src/app/shared/components/toast/att-toast.service.test.tsx
+++ b/portal/src/app/shared/components/toast/att-toast.service.test.tsx
@@ -60,4 +60,13 @@ describe('ATTToastService', () => {
 
     expect(warningSpy).toHaveBeenCalledWith(expect.any(Function), expect.any(Object));
   });
+
+  it('calls toast with default arguments', () => {
+    const message = '';
+    const title = '';
+    
+    attToast.success(message, title, {});
+
+    expect(successSpy).toHaveBeenCalledWith(expect.any(Function), expect.any(Object));
+  });
 });
diff --git a/portal/src/app/shared/hooks/useFetch/useFetch.test.ts b/portal/src/app/shared/hooks/useFetch/useFetch.test.ts
index f49283b6..bf499283 100644
--- a/portal/src/app/shared/hooks/useFetch/useFetch.test.ts
+++ b/portal/src/app/shared/hooks/useFetch/useFetch.test.ts
@@ -48,7 +48,8 @@ describe('useFetch', () => {
   test('should put data', async () => {
     const mock = new MockAdapter(axios);
     const requestOptions: IHttpRequestOptions = {
-      url: 'http://jsonplaceholder.typicode.com/posts',
+      // cover tests when no url was handed
+      url: undefined,
     };
     mock.onPut('https://us-central1-hutoma-backend.cloudfunctions.net/chat', mockData).reply(200);
     const { result } = renderHook(() => useFetch(requestOptions));
@@ -62,6 +63,23 @@ describe('useFetch', () => {
     }));
   });
 
+  test('should patch data', async () => {
+    const mock = new MockAdapter(axios);
+    const requestOptions: IHttpRequestOptions = {
+      url: 'http://jsonplaceholder.typicode.com/posts',
+    };
+    mock.onPatch('https://us-central1-hutoma-backend.cloudfunctions.net/chat', mockData).reply(200);
+    const { result } = renderHook(() => useFetch(requestOptions));
+    act(() => {
+      result.current.patch({data: 'test data'});
+    });
+
+    const { status } = result.current;
+    await act( () => waitFor(() => {
+      expect(status).toBe(FetchDataStatus.Fetching);
+    }));
+  });
+
   test('should delete data', async () => {
     const mock = new MockAdapter(axios);
     const requestOptions: IHttpRequestOptions = {
diff --git a/portal/src/assets/images/qujata-logo-purple.svg b/portal/src/assets/images/qujata-logo-purple.svg
new file mode 100644
index 00000000..6ecf692b
--- /dev/null
+++ b/portal/src/assets/images/qujata-logo-purple.svg
@@ -0,0 +1,10 @@
+<svg width="72" height="19" viewBox="0 0 72 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2148 17.1118C12.6949 16.7307 12.9693 16.4787 13.3986 16.0562C13.8279 15.6338 14.1867 15.1555 14.4757 14.6204C14.7639 14.0852 14.9825 13.5114 15.1304 12.8989C15.2784 12.2863 15.3524 11.6634 15.3524 11.0303C15.3524 9.96087 15.1519 8.97151 14.751 8.06301C14.3501 7.15537 13.8038 6.36646 13.1147 5.69799C12.4247 5.02952 11.6186 4.50473 10.6972 4.12447C9.77495 3.74421 8.78644 3.55408 7.72997 3.55408C6.6735 3.55408 5.61444 3.74765 4.67842 4.13479C3.74239 4.52194 2.92595 5.0605 2.22909 5.75047C1.53223 6.44045 0.986786 7.25345 0.59276 8.18948C0.197013 9.12636 0 10.1433 0 11.2419C0 12.3405 0.203896 13.3781 0.612547 14.3141C1.0212 15.2501 1.57697 16.0562 2.28071 16.7316C2.98445 17.4078 3.80777 17.9352 4.75154 18.3154C5.69445 18.6957 6.69414 18.8858 7.75062 18.8858H16.3659V17.1118H12.2148ZM9.91518 16.5311C9.23209 16.834 8.48275 16.9845 7.66631 16.9845C6.84986 16.9845 6.10397 16.8297 5.42775 16.5199C4.75154 16.2102 4.17083 15.7887 3.68561 15.2527C3.19953 14.7176 2.82357 14.0913 2.55601 13.3738C2.28845 12.6554 2.1551 11.8888 2.1551 11.0724C2.1551 10.2981 2.29533 9.56943 2.57752 8.8872C2.85884 8.2041 3.24598 7.60962 3.73895 7.10289C4.23191 6.59617 4.81263 6.19526 5.48109 5.89931C6.14956 5.60336 6.87825 5.45624 7.66717 5.45624C8.45608 5.45624 9.20886 5.60422 9.88421 5.89931C10.5596 6.1944 11.1437 6.59617 11.6367 7.10289C12.1296 7.60962 12.5133 8.2084 12.7878 8.89752C13.0622 9.58749 13.1999 10.3265 13.1999 11.1146C13.1999 11.9026 13.0657 12.6984 12.799 13.4159C12.5314 14.1343 12.1546 14.7572 11.6694 15.2845C11.1833 15.8128 10.5991 16.2283 9.9169 16.5303L9.91518 16.5311Z" fill="#6D3FFC"/>
+<path d="M26.2527 12.9961C26.2527 14.2917 25.9757 15.2785 25.4294 15.9272C24.8874 16.5715 24.0908 16.8856 22.9947 16.8856C21.8987 16.8856 21.1029 16.5724 20.5609 15.9272C20.0146 15.2776 19.7375 14.2917 19.7375 12.9961V4.3335H17.6289V13.0554C17.6289 14.9335 18.0909 16.3909 19.0037 17.3854C19.9225 18.3877 21.2655 18.8953 22.9956 18.8953C24.7257 18.8953 26.0695 18.3868 26.9883 17.3854C27.9003 16.3909 28.3631 14.9335 28.3631 13.0554V4.3335H26.2545V12.9961H26.2527Z" fill="#6D3FFC"/>
+<path d="M33.6584 18.5317C36.0071 18.3037 37.1986 16.7 37.1986 13.7491V4H35.09V13.6098C35.09 14.6611 34.9067 15.4311 34.5454 15.8991C34.3105 16.2036 34.0516 16.4411 33.5629 16.4979C32.9263 16.5718 31 16.4884 31 16.4884V18.542" fill="#6D3FFC"/>
+<path d="M66.5217 4.52112H64.5438L59.0645 18.8859H61.2755L62.6374 15.0962H62.6417L63.3514 13.1252H63.3497L63.9657 11.4217L63.97 11.4088L65.485 7.21994L67.6367 13.1252L69.7316 18.8859H72.0011L66.5217 4.52112Z" fill="#6D3FFC"/>
+<path d="M44.5744 4.52112H42.5966L37.1172 18.8859H39.3282L40.6901 15.0962H40.6935L41.4042 13.1252H41.4016L43.5369 7.21994L45.6885 13.1252L47.7843 18.8859H50.0538L44.5744 4.52112Z" fill="#6D3FFC"/>
+<path d="M62.3257 3.56349C62.0065 2.55519 60.8683 0.7924 60.8201 0.718413L60.6162 0.404396L60.6704 0.775194C60.7169 1.09093 60.7952 1.40323 60.8709 1.70434C60.9612 2.06309 61.0541 2.43389 61.0903 2.80555C61.1393 3.29249 61.0524 3.6607 60.8244 3.93085C60.3805 4.45822 59.4436 4.52619 58.6169 4.58555C58.4826 4.59501 58.3502 4.60448 58.2211 4.61652C57.4503 4.68965 56.7302 4.85569 56.0823 5.10862C55.4801 5.32628 54.9046 5.6274 54.372 6.00507C53.8447 5.62567 53.239 5.3108 52.5223 5.04152C51.9003 4.81783 51.2396 4.6733 50.5006 4.60017C50.3733 4.58899 50.2416 4.57953 50.1083 4.57006C49.2824 4.5107 48.3472 4.44274 47.9016 3.91364C47.671 3.64006 47.5833 3.26754 47.6323 2.77286C47.6684 2.4012 47.7613 2.0304 47.8517 1.67165C47.9274 1.37053 48.0057 1.05824 48.0521 0.742502L48.1063 0.371704L47.9024 0.685721C47.8543 0.760568 46.7161 2.5225 46.3969 3.5308C46.2162 4.11237 46.2721 4.65868 46.5569 5.11292C46.9191 5.68934 47.6332 6.09541 48.5141 6.22532C48.9116 6.2821 49.297 6.30619 49.6695 6.32942C50.196 6.36211 50.6933 6.39394 51.2121 6.50922C51.8608 6.67526 52.4811 6.9282 53.0059 7.23963C53.5418 7.56827 53.9935 7.94768 54.3479 8.36579L54.4056 8.43376L54.489 8.35031C54.822 7.96746 55.2229 7.61817 55.6487 7.33943C56.1727 6.9953 56.7706 6.72688 57.4288 6.54191C57.4743 6.52643 57.5174 6.51266 57.5544 6.51266L57.5716 6.51094C58.0783 6.4034 58.567 6.37673 59.084 6.34834C59.441 6.32856 59.8101 6.30877 60.1887 6.25973C61.0705 6.14101 61.7871 5.7444 62.1553 5.17057C62.4479 4.71374 62.5064 4.15883 62.324 3.56521L62.3257 3.56349Z" fill="#6D3FFC"/>
+<path d="M54.4041 8.49662L54.3164 8.39338C53.9654 7.97785 53.5171 7.60189 52.9846 7.27583C52.4641 6.96697 51.8481 6.71576 51.2029 6.55058C50.6893 6.43616 50.1937 6.40518 49.6689 6.37249C49.2955 6.34926 48.9093 6.32517 48.5092 6.26753C47.6153 6.13504 46.8909 5.72209 46.521 5.13535C46.2285 4.67078 46.1717 4.11157 46.3558 3.51795C46.6767 2.50364 47.8184 0.737401 47.8665 0.662553L48.1771 0.182495L48.0945 0.747725C48.0481 1.06604 47.9698 1.37834 47.8932 1.68117C47.8037 2.03906 47.7108 2.40814 47.6747 2.77636C47.6265 3.25814 47.7117 3.62119 47.9337 3.88531C48.3673 4.40064 49.2938 4.46775 50.1111 4.52625C50.2488 4.53657 50.3787 4.54603 50.5043 4.55636C51.2459 4.63035 51.9109 4.77574 52.5364 5.00028C53.2461 5.26612 53.8466 5.57756 54.3714 5.95093C54.9005 5.58014 55.4709 5.28247 56.0671 5.06739C56.7184 4.81273 57.4419 4.64669 58.2162 4.5727C58.3461 4.56152 58.4786 4.55206 58.6128 4.54173C59.431 4.48237 60.3584 4.41613 60.7903 3.90252C61.0096 3.64184 61.0931 3.28395 61.0458 2.80905C61.0096 2.43997 60.9167 2.0709 60.8273 1.71386C60.7515 1.41103 60.6724 1.09787 60.6259 0.780417L60.5434 0.215187L60.8539 0.695245C60.9021 0.770093 62.0437 2.53633 62.3646 3.54978C62.5505 4.15717 62.4902 4.72412 62.1909 5.19213C61.8166 5.77629 61.0888 6.18064 60.1941 6.30023C59.8138 6.34926 59.4439 6.36991 59.086 6.3897C58.5706 6.41809 58.0837 6.44476 57.5804 6.55144L57.5589 6.55402C57.5245 6.55402 57.4849 6.56778 57.4428 6.58155C56.7881 6.76652 56.1936 7.03322 55.6722 7.37476C55.2489 7.65179 54.8515 7.99849 54.5211 8.3779L54.4024 8.49662H54.4041ZM48.036 0.559315L47.9397 0.70815C47.8915 0.782138 46.7567 2.53977 46.4384 3.5429C46.2621 4.11157 46.3154 4.64583 46.5941 5.0889C46.9503 5.65499 47.6523 6.05331 48.5212 6.18236C48.9179 6.23914 49.3016 6.26323 49.6732 6.28646C50.2015 6.32001 50.7004 6.35098 51.2227 6.46713C51.8765 6.63489 52.5011 6.88868 53.0285 7.2027C53.5696 7.53392 54.0247 7.9159 54.3817 8.33832L54.4084 8.37015L54.4592 8.31939C54.7921 7.93569 55.1965 7.58382 55.6266 7.3025C56.1549 6.95579 56.7571 6.68565 57.4187 6.49896C57.4651 6.48347 57.5116 6.46799 57.5555 6.46799L57.5684 6.46627C58.0742 6.35873 58.5638 6.33206 59.0825 6.30367C59.4396 6.28388 59.8078 6.26409 60.1846 6.21505C61.0544 6.09805 61.7598 5.70833 62.1203 5.14568C62.4059 4.70003 62.4627 4.15717 62.2846 3.57645C61.9663 2.57246 60.8316 0.81569 60.7834 0.741703L60.687 0.592867L60.7128 0.768372C60.7584 1.08239 60.8367 1.39296 60.9124 1.69322C61.0028 2.05369 61.0965 2.42621 61.1335 2.80131C61.1834 3.30029 61.0931 3.67883 60.8582 3.95844C60.4023 4.49958 59.4559 4.5684 58.6205 4.62862C58.4863 4.63809 58.3538 4.64755 58.2257 4.65874C57.46 4.73186 56.7442 4.89618 56.0989 5.14826C55.4993 5.36506 54.9272 5.66445 54.3981 6.03955L54.3731 6.05762L54.3482 6.03955C53.8243 5.66273 53.222 5.34871 52.5088 5.08115C51.8903 4.85919 51.233 4.71552 50.4983 4.64239C50.3735 4.63121 50.2445 4.62174 50.1137 4.61314C49.2732 4.55206 48.3277 4.48409 47.87 3.94123C47.6317 3.65819 47.5405 3.27534 47.5904 2.76861C47.6265 2.39438 47.7203 2.02186 47.8106 1.66138C47.8863 1.36027 47.9646 1.0497 48.0102 0.73568L48.036 0.560175V0.559315Z" fill="#6D3FFC"/>
+<path d="M55.4133 6.67615H53.3047V18.9039H55.4133V6.67615Z" fill="#6D3FFC"/>
+</svg>
diff --git a/portal/src/assets/images/qujata-logo.svg b/portal/src/assets/images/qujata-logo.svg
index e94b23f9..3536d790 100644
--- a/portal/src/assets/images/qujata-logo.svg
+++ b/portal/src/assets/images/qujata-logo.svg
@@ -1,8 +1,44 @@
-<svg width="152" height="45" viewBox="0 0 152 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M26.8453 39.3297C27.7076 38.4767 28.4409 37.4942 29.0248 36.4093C29.6019 35.3312 30.0432 34.1576 30.342 32.9294C30.6339 31.708 30.7833 30.4388 30.7833 29.1697C30.7833 27.0203 30.3759 25.0074 29.5747 23.1788C28.7736 21.357 27.6668 19.7535 26.2885 18.4093C24.9102 17.0651 23.2807 16.0006 21.4407 15.2364C19.6007 14.4722 17.5978 14.0901 15.493 14.0901C13.3882 14.0901 11.2494 14.4858 9.38229 15.2569C7.51513 16.0347 5.85845 17.1265 4.46657 18.5116C3.07469 19.8968 1.96798 21.548 1.18038 23.4313C0.392778 25.3077 -0.0078125 27.3752 -0.0078125 29.5723C-0.0078125 31.7694 0.406357 33.8846 1.22112 35.7611C2.03588 37.6375 3.16296 39.2819 4.56842 40.6397C5.97388 41.9976 7.63735 43.0689 9.51808 43.8331C11.3988 44.5973 13.4221 44.9794 15.5201 44.9794H32.7319V40.4487H25.6435C26.0373 40.0939 26.404 39.7391 26.8317 39.3228L26.8453 39.3297ZM24.8016 33.6253C24.306 34.9491 23.6066 36.1159 22.724 37.0848C21.8345 38.0537 20.755 38.8247 19.5125 39.3774C18.2632 39.9301 16.8713 40.2167 15.3776 40.2167C13.8838 40.2167 12.4987 39.9301 11.2698 39.3638C10.0341 38.7974 8.96133 38.0128 8.07188 37.0302C7.18244 36.0476 6.4831 34.874 5.98746 33.5503C5.49181 32.2197 5.24739 30.78 5.24739 29.2652C5.24739 27.8391 5.50539 26.4745 6.02141 25.219C6.53742 23.9635 7.25712 22.8513 8.16015 21.9165C9.06317 20.9885 10.1359 20.2379 11.3649 19.6921C12.5802 19.153 13.9314 18.8733 15.3776 18.8733C16.8238 18.8733 18.2224 19.1462 19.4514 19.6921C20.6871 20.2379 21.7734 20.9817 22.6764 21.9165C23.5727 22.8444 24.2856 23.9635 24.788 25.2326C25.2905 26.5018 25.5485 27.8869 25.5485 29.3471C25.5485 30.8073 25.2973 32.3016 24.8084 33.6322L24.8016 33.6253Z" fill="white"/>
-<path d="M53.8607 32.3156C53.8607 35.0995 53.27 37.2216 52.1022 38.6135C50.9412 39.9987 49.2438 40.6742 46.9013 40.6742C44.5589 40.6742 42.8547 39.9987 41.7005 38.6135C40.5326 37.2147 39.9419 35.0995 39.9419 32.3156V14.1313H35.4336V32.4452C35.4336 36.4778 36.4249 39.6097 38.3735 41.7454C40.3357 43.8948 43.2078 44.9865 46.9081 44.9865C50.6085 44.9865 53.4805 43.8948 55.4427 41.7454C57.3914 39.6097 58.3826 36.4778 58.3826 32.4452V14.1313H53.8743V32.3156H53.8607Z" fill="white"/>
-<path d="M125.987 14.1312H118.369C119.103 13.7763 119.884 13.4693 120.719 13.2373C120.814 13.2032 120.909 13.1759 121.024 13.1691C122.111 12.9371 123.149 12.8825 124.256 12.8211C125.017 12.7801 125.811 12.7392 126.619 12.63C128.506 12.3776 130.034 11.5246 130.822 10.2896C131.446 9.30705 131.569 8.11979 131.182 6.84382C130.503 4.68082 128.065 0.893859 127.963 0.730099L127.542 0.0750569L127.658 0.846096C127.76 1.52161 127.923 2.1903 128.085 2.83851C128.276 3.60955 128.479 4.40789 128.554 5.20622C128.656 6.25019 128.473 7.04852 127.984 7.62851C127.033 8.76118 125.03 8.9113 123.258 9.03412C122.973 9.05459 122.688 9.07506 122.409 9.10235C120.759 9.25929 119.225 9.6141 117.84 10.16C116.563 10.624 115.341 11.2654 114.187 12.091C113.06 11.2722 111.763 10.5967 110.229 10.0167C108.898 9.53905 107.486 9.22517 105.91 9.06823C105.639 9.04094 105.36 9.0273 105.075 9C103.31 8.87036 101.307 8.72707 100.357 7.58757C99.8609 7.00076 99.6776 6.1956 99.7794 5.13116C99.8541 4.33283 100.058 3.5345 100.248 2.76346C100.411 2.11524 100.574 1.44655 100.676 0.771039L100.791 0L100.37 0.655042C100.268 0.811979 97.8308 4.59894 97.1518 6.76877C96.7648 8.01744 96.887 9.19106 97.4913 10.16C98.2653 11.395 99.7862 12.2684 101.674 12.5481C102.522 12.671 103.344 12.7187 104.145 12.7733C105.272 12.8415 106.331 12.9098 107.445 13.1622C108.382 13.4011 109.285 13.7354 110.12 14.1312H101.918V18.4094H111.702V44.9932H116.21V18.4094H125.994V14.1312H125.987Z" fill="white"/>
-<path d="M69.9453 14.1313V34.3967C69.9453 36.6552 69.5515 38.3065 68.7843 39.3163C68.2819 39.9714 67.7251 40.4831 66.6863 40.6059C65.3284 40.7629 61.207 40.5855 61.207 40.5855V45.0002L66.89 44.9729C71.9075 44.4816 74.4604 41.0358 74.4604 34.6969V14.1313H69.9521H69.9453Z" fill="white"/>
-<path d="M139.94 14.1313H135.71L123.998 44.9934H128.724L131.636 36.8531H131.643L133.164 32.6158H133.157L134.474 28.9585L134.488 28.9312L137.72 19.9312L142.323 32.6158L146.805 44.9934H151.652L139.94 14.1313Z" fill="white"/>
-<path d="M88.802 14.1313L77.0898 44.9934H81.8154L84.7282 36.8531H84.735L86.2491 32.6158L90.8117 19.9312L95.4084 32.6158L99.8895 44.9934H104.744L93.0252 14.1313H88.802Z" fill="white"/>
+<svg width="205" height="80" viewBox="0 0 205 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_902_1876)">
+<path d="M34.5156 47.84C35.8721 46.763 36.6476 46.0508 37.8607 44.8571C39.0738 43.6635 40.0875 42.3118 40.9043 40.7997C41.7187 39.2877 42.3362 37.6662 42.7543 35.9353C43.1725 34.2044 43.3815 32.4443 43.3815 30.6551C43.3815 27.6333 42.8151 24.8377 41.6823 22.2705C40.5494 19.7058 39.0057 17.4765 37.0585 15.5876C35.1088 13.6987 32.8309 12.2158 30.2273 11.1413C27.6212 10.0668 24.828 9.52954 21.8427 9.52954C18.8574 9.52954 15.8648 10.0765 13.2199 11.1705C10.5749 12.2644 8.2679 13.7863 6.29877 15.7359C4.32965 17.6856 2.78838 19.9829 1.67497 22.6279C0.556704 25.2753 0 28.1487 0 31.2531C0 34.3575 0.576152 37.2894 1.73089 39.9343C2.88562 42.5793 4.45606 44.8571 6.44463 46.7655C8.43321 48.6763 10.7597 50.1665 13.4265 51.241C16.0909 52.3155 18.9158 52.8527 21.9011 52.8527H46.2453V47.84H34.5156ZM28.0175 46.199C26.0873 47.0548 23.9699 47.4802 21.6628 47.4802C19.3558 47.4802 17.2481 47.0426 15.3373 46.1674C13.4265 45.2923 11.7856 44.1011 10.4145 42.5865C9.04096 41.0745 7.97861 39.3047 7.22256 37.2772C6.46651 35.2473 6.0897 33.0813 6.0897 30.7742C6.0897 28.5863 6.48596 26.5272 7.28334 24.5994C8.07828 22.6692 9.17224 20.9894 10.5652 19.5575C11.9582 18.1256 13.5991 16.9928 15.488 16.1565C17.3769 15.3202 19.436 14.9045 21.6653 14.9045C23.8945 14.9045 26.0216 15.3227 27.93 16.1565C29.8383 16.9903 31.489 18.1256 32.882 19.5575C34.2749 20.9894 35.3592 22.6814 36.1347 24.6286C36.9102 26.5783 37.2991 28.6665 37.2991 30.8933C37.2991 33.1202 36.9199 35.3689 36.1663 37.3963C35.4102 39.4262 34.3455 41.1863 32.9744 42.6765C31.6008 44.1691 29.9502 45.3433 28.0224 46.1966L28.0175 46.199Z" fill="white"/>
+<path d="M74.183 36.2101C74.183 39.8712 73.4002 42.6596 71.8565 44.4926C70.325 46.3134 68.0738 47.2008 64.9767 47.2008C61.8796 47.2008 59.6309 46.3159 58.0994 44.4926C56.5557 42.6572 55.7729 39.8712 55.7729 36.2101V11.7322H49.8145V36.3779C49.8145 41.6848 51.1199 45.8029 53.6992 48.6132C56.2956 51.4453 60.0904 52.8796 64.9792 52.8796C69.8679 52.8796 73.6652 51.4429 76.2615 48.6132C78.8384 45.8029 80.1463 41.6848 80.1463 36.3779V11.7322H74.1879V36.2101H74.183Z" fill="white"/>
+<path d="M5.79883 76.5504V65.8685H6.99246L12.6713 74.5035V65.8685H13.882V76.5504H12.6883L7.00948 67.9154V76.5504H5.80126H5.79883Z" fill="white"/>
+<path d="M17.0506 73.0108C17.1333 73.835 17.425 74.4865 17.9306 74.9654C18.4363 75.4419 19.0854 75.6825 19.8828 75.6825C20.3617 75.6825 20.7798 75.6363 21.1372 75.544C21.4945 75.454 21.8762 75.2887 22.2846 75.0553L22.6663 75.9402C22.2263 76.2052 21.7814 76.3973 21.3268 76.5188C20.8722 76.6404 20.3592 76.7011 19.7879 76.7011C18.993 76.7011 18.2977 76.5237 17.707 76.1663C17.1138 75.8114 16.6617 75.3252 16.3432 74.7077C16.0272 74.0926 15.8691 73.3876 15.8691 72.5951C15.8691 71.8026 16.0345 71.0587 16.3651 70.4291C16.6981 69.7995 17.1381 69.3133 17.69 68.9729C18.2418 68.6326 18.8471 68.4624 19.5108 68.4624C20.1745 68.4624 20.7895 68.6229 21.2952 68.9437C21.8008 69.2646 22.1898 69.7047 22.4669 70.2638C22.7441 70.8229 22.8802 71.455 22.8802 72.1551C22.8802 72.442 22.8705 72.7264 22.8486 73.0108H17.0482H17.0506ZM19.5303 69.4859C18.8763 69.4859 18.3293 69.7144 17.8845 70.1714C17.442 70.6309 17.1673 71.2459 17.0652 72.019H21.7182V71.9436C21.7182 71.4744 21.6234 71.0514 21.4362 70.6698C21.2466 70.2881 20.9889 69.9964 20.6631 69.7922C20.3374 69.588 19.9581 69.4883 19.5303 69.4883V69.4859Z" fill="white"/>
+<path d="M26.6786 72.4468L23.8635 68.6326H25.2565L27.4006 71.6397L29.5132 68.6326H30.8308L28.0303 72.4468L31.0763 76.5504H29.6834L27.3277 73.2393L25.0012 76.5504H23.6836L26.6835 72.4468H26.6786Z" fill="white"/>
+<path d="M35.3711 76.7035C34.5349 76.7035 33.9174 76.4677 33.5187 75.9937C33.12 75.5196 32.9207 74.7903 32.9207 73.8033V69.622H31.4961V68.6301H32.9498L33.1492 66.3717H34.0657V68.6301H36.8686V69.622H34.0657V73.6793C34.0657 75.0115 34.5616 75.6776 35.551 75.6776C36.0397 75.6776 36.4991 75.5561 36.927 75.3106L37.2041 76.1955C36.9586 76.3486 36.6693 76.4702 36.3387 76.5601C36.0056 76.6525 35.6823 76.6987 35.3663 76.6987L35.3711 76.7035Z" fill="white"/>
+<path d="M38.0684 71.8683H42.7067V72.8601H38.0684V71.8683Z" fill="white"/>
+<path d="M49.4399 76.7037C48.3872 76.7037 47.4756 76.4679 46.7001 75.9938C45.9246 75.5198 45.3266 74.8683 44.9085 74.0393C44.4903 73.2103 44.2812 72.2671 44.2812 71.2096C44.2812 70.1521 44.5146 69.1724 44.979 68.3337C45.4433 67.495 46.0681 66.8483 46.8533 66.3962C47.6385 65.944 48.5161 65.7179 49.4861 65.7179C50.7016 65.7179 51.7882 65.9975 52.7461 66.5566L52.379 67.5339C51.8879 67.2786 51.4357 67.1012 51.0176 66.999C50.5995 66.8969 50.1254 66.8459 49.593 66.8459C48.7762 66.8459 48.0591 67.0331 47.444 67.4099C46.8265 67.7867 46.3525 68.3021 46.0194 68.9584C45.6888 69.6148 45.5235 70.3636 45.5235 71.2096C45.5235 72.0556 45.6912 72.8675 46.0292 73.5288C46.3646 74.19 46.8363 74.6957 47.4367 75.0457C48.0396 75.3982 48.7325 75.5733 49.5177 75.5733C50.0185 75.5733 50.4463 75.5392 50.8037 75.4736C51.161 75.4079 51.4917 75.3034 51.798 75.16V71.9097H48.7981V70.8109H53.0086V75.8139C52.0386 76.4047 50.8499 76.6988 49.4423 76.6988L49.4399 76.7037Z" fill="white"/>
+<path d="M55.994 73.0108C56.0766 73.835 56.3684 74.4865 56.874 74.9654C57.3797 75.4419 58.0287 75.6825 58.8261 75.6825C59.305 75.6825 59.7232 75.6363 60.0805 75.544C60.4379 75.454 60.8196 75.2887 61.228 75.0553L61.6096 75.9402C61.1696 76.2052 60.7247 76.3973 60.2701 76.5188C59.8155 76.6404 59.3026 76.7011 58.7313 76.7011C57.9364 76.7011 57.2411 76.5237 56.6504 76.1663C56.0572 75.8114 55.605 75.3252 55.2865 74.7077C54.9705 74.0926 54.8125 73.3876 54.8125 72.5951C54.8125 71.8026 54.9778 71.0587 55.3084 70.4291C55.6415 69.7995 56.0815 69.3133 56.6333 68.9729C57.1852 68.6326 57.7905 68.4624 58.4542 68.4624C59.1178 68.4624 59.7329 68.6229 60.2385 68.9437C60.7442 69.2646 61.1332 69.7047 61.4103 70.2638C61.6874 70.8229 61.8236 71.455 61.8236 72.1551C61.8236 72.442 61.8138 72.7264 61.792 73.0108H55.9915H55.994ZM58.4736 69.4859C57.8197 69.4859 57.2727 69.7144 56.8278 70.1714C56.3854 70.6309 56.1107 71.2459 56.0086 72.019H60.6615V71.9436C60.6615 71.4744 60.5667 71.0514 60.3795 70.6698C60.1899 70.2881 59.9322 69.9964 59.6065 69.7922C59.2807 69.588 58.9015 69.4883 58.4736 69.4883V69.4859Z" fill="white"/>
+<path d="M63.7524 76.5504V68.6326H64.7321L64.8537 69.5491C65.3034 69.1723 65.758 68.8976 66.2175 68.725C66.677 68.5524 67.1607 68.4648 67.6712 68.4648C68.5391 68.4648 69.2028 68.7323 69.6598 69.2671C70.1193 69.8019 70.3478 70.5823 70.3478 71.6082V76.5504H69.2004V71.6981C69.2004 70.2541 68.5683 69.5321 67.3017 69.5321C66.4752 69.5321 65.6729 69.8627 64.8974 70.5239V76.5504H63.75H63.7524Z" fill="white"/>
+<path d="M80.885 76.7037C79.8639 76.7037 78.9669 76.4654 78.1914 75.9865C77.4159 75.51 76.8203 74.8561 76.407 74.0247C75.9938 73.1957 75.7871 72.2573 75.7871 71.2096C75.7871 70.1618 76.0132 69.1578 76.4678 68.3191C76.9224 67.4804 77.5399 66.8362 78.3202 66.3889C79.1006 65.9416 79.9903 65.7179 80.9919 65.7179C81.5316 65.7179 82.064 65.7908 82.5842 65.9318C83.1045 66.0753 83.5737 66.2819 83.9918 66.5566L83.6247 67.5485C83.1653 67.3054 82.7252 67.1279 82.3071 67.0136C81.889 66.9018 81.449 66.8459 80.9895 66.8459C80.1824 66.8459 79.4798 67.0331 78.8769 67.4099C78.274 67.7867 77.8146 68.3021 77.4985 68.9584C77.1825 69.6148 77.0245 70.3636 77.0245 71.2096C77.0245 72.0556 77.1947 72.8675 77.5374 73.5288C77.8802 74.19 78.3494 74.6957 78.945 75.0457C79.543 75.3982 80.2237 75.5733 80.9871 75.5733C81.466 75.5733 81.9206 75.51 82.3509 75.3812C82.7787 75.2548 83.2236 75.053 83.6831 74.7783L84.0672 75.7556C83.6271 76.0595 83.1312 76.2953 82.5745 76.4581C82.0178 76.621 81.4538 76.7012 80.8825 76.7012L80.885 76.7037Z" fill="white"/>
+<path d="M90.2367 69.639C90.0009 69.5977 89.7627 69.5783 89.5171 69.5783C88.7003 69.5783 87.9054 69.8992 87.1299 70.5385V76.5504H85.9824V68.6326H86.9621L87.0837 69.5953C87.8908 68.8417 88.7781 68.4673 89.7481 68.4673C89.9523 68.4673 90.1662 68.4916 90.3923 68.5426L90.2391 69.6415L90.2367 69.639Z" fill="white"/>
+<path d="M92.3344 80C91.8239 80 91.3595 79.8882 90.9414 79.6646L91.2015 78.7651C91.6002 78.9085 91.9357 78.979 92.2128 78.979C92.49 78.979 92.7063 78.9182 92.9008 78.7967C93.0953 78.6751 93.2849 78.4563 93.4745 78.1403C93.6642 77.8267 93.9 77.3162 94.1868 76.6161L94.2476 76.4629L91.0946 68.635H92.4122L94.8456 75.2279L97.2329 68.635H98.5043L95.2735 76.6598C94.9259 77.5155 94.6147 78.1816 94.34 78.6581C94.0653 79.137 93.7735 79.4798 93.4672 79.6889C93.1609 79.8979 92.7841 80.0025 92.3344 80.0025V80Z" fill="white"/>
+<path d="M99.9414 79.8469V68.6326H100.921L101.028 69.4713C101.446 69.1164 101.864 68.8587 102.282 68.7007C102.701 68.5426 103.165 68.4648 103.675 68.4648C104.349 68.4648 104.935 68.6423 105.436 68.9997C105.936 69.3546 106.32 69.8457 106.59 70.4729C106.86 71.0976 106.996 71.8075 106.996 72.6C106.996 73.3925 106.843 74.1461 106.537 74.766C106.23 75.386 105.812 75.8649 105.282 76.2004C104.752 76.5358 104.145 76.7036 103.462 76.7036C102.584 76.7036 101.794 76.4435 101.089 75.9256V79.8469H99.9414ZM103.415 69.4859C102.997 69.4859 102.603 69.5612 102.236 69.7144C101.869 69.8675 101.485 70.1106 101.089 70.4461V74.839C101.395 75.1137 101.733 75.3228 102.107 75.4638C102.479 75.6072 102.866 75.6777 103.265 75.6777C104.04 75.6777 104.662 75.3957 105.132 74.8317C105.601 74.2677 105.837 73.5214 105.837 72.5951C105.837 71.6689 105.615 70.9202 105.171 70.344C104.728 69.7679 104.142 69.481 103.418 69.481L103.415 69.4859Z" fill="white"/>
+<path d="M111.543 76.7035C110.707 76.7035 110.089 76.4677 109.691 75.9937C109.292 75.5196 109.093 74.7903 109.093 73.8033V69.622H107.668V68.6301H109.122L109.321 66.3717H110.238V68.6301H113.041V69.622H110.238V73.6793C110.238 75.0115 110.733 75.6776 111.723 75.6776C112.212 75.6776 112.671 75.5561 113.099 75.3106L113.376 76.1955C113.13 76.3486 112.841 76.4702 112.511 76.5601C112.178 76.6525 111.854 76.6987 111.538 76.6987L111.543 76.7035Z" fill="white"/>
+<path d="M122.015 72.5854C122.015 73.3998 121.844 74.1218 121.502 74.7515C121.159 75.3835 120.699 75.8649 120.123 76.2004C119.547 76.5358 118.896 76.7036 118.171 76.7036C117.405 76.7036 116.732 76.5212 116.151 76.1542C115.57 75.7895 115.12 75.296 114.804 74.6737C114.488 74.0513 114.33 73.3561 114.33 72.583C114.33 71.7686 114.5 71.0466 114.843 70.417C115.186 69.7873 115.645 69.3035 116.221 68.9681C116.798 68.6326 117.449 68.4648 118.174 68.4648C118.939 68.4648 119.613 68.6472 120.194 69.0143C120.775 69.3813 121.224 69.8748 121.54 70.4947C121.857 71.1147 122.015 71.8124 122.015 72.5854ZM120.853 72.5854C120.853 71.6689 120.602 70.925 120.101 70.3513C119.601 69.7752 118.959 69.4883 118.171 69.4883C117.383 69.4883 116.742 69.7752 116.243 70.3513C115.742 70.925 115.492 71.6714 115.492 72.5854C115.492 73.4995 115.742 74.2458 116.243 74.8195C116.744 75.3957 117.386 75.6825 118.171 75.6825C118.956 75.6825 119.601 75.3957 120.101 74.8195C120.602 74.2458 120.853 73.4995 120.853 72.5854Z" fill="white"/>
+<path d="M123.989 76.7036C123.753 76.7036 123.558 76.6282 123.398 76.475C123.24 76.3219 123.162 76.1347 123.162 75.911C123.162 75.6874 123.24 75.5002 123.398 75.347C123.556 75.1939 123.753 75.1185 123.989 75.1185C124.224 75.1185 124.419 75.1939 124.577 75.347C124.735 75.5002 124.815 75.6874 124.815 75.911C124.815 76.1347 124.735 76.3219 124.577 76.475C124.419 76.6282 124.222 76.7036 123.989 76.7036Z" fill="white"/>
+<path d="M134.764 76.7036C133.784 76.7036 132.916 76.4605 132.163 75.9718C131.407 75.4832 130.826 74.8244 130.417 73.9954C130.009 73.1664 129.805 72.2378 129.805 71.2119C129.805 70.186 130.023 69.1747 130.463 68.336C130.903 67.4973 131.497 66.8506 132.248 66.3985C132.999 65.9463 133.838 65.7202 134.766 65.7202C135.746 65.7202 136.614 65.9658 137.368 66.452C138.121 66.9406 138.705 67.5994 139.113 68.4284C139.521 69.2574 139.726 70.186 139.726 71.2119C139.726 72.1381 139.558 72.9865 139.22 73.7596C138.885 74.5327 138.408 75.1696 137.795 75.668L138.836 77.0877L137.888 77.7756L136.801 76.2806C136.167 76.565 135.488 76.7084 134.764 76.7084V76.7036ZM134.764 75.5756C135.233 75.5756 135.688 75.4929 136.125 75.33L134.963 73.728L135.911 73.04L137.105 74.7028C137.543 74.3163 137.883 73.8204 138.124 73.2151C138.364 72.6097 138.483 71.9412 138.483 71.2095C138.483 70.3343 138.321 69.5661 137.992 68.9049C137.667 68.2436 137.224 67.7355 136.667 67.3782C136.111 67.0208 135.476 66.8433 134.762 66.8433C134.047 66.8433 133.361 67.033 132.795 67.4146C132.228 67.7963 131.796 68.3141 131.494 68.9705C131.193 69.6269 131.042 70.3732 131.042 71.2046C131.042 72.0798 131.205 72.848 131.533 73.5092C131.859 74.1704 132.301 74.6785 132.856 75.0359C133.412 75.3908 134.047 75.5707 134.762 75.5707L134.764 75.5756Z" fill="white"/>
+<path d="M148.173 68.6327V76.5505H147.194L147.072 75.6365C146.622 76.0011 146.173 76.2709 145.725 76.4436C145.278 76.6162 144.797 76.7037 144.286 76.7037C143.418 76.7037 142.762 76.4363 142.312 75.9014C141.862 75.3666 141.639 74.5911 141.639 73.5749V68.6327H142.786V73.485C142.786 74.9193 143.408 75.6365 144.653 75.6365C145.438 75.6365 146.228 75.3156 147.026 74.6738V68.6302H148.173V68.6327Z" fill="white"/>
+<path d="M152.674 76.7036C151.898 76.7036 151.288 76.4994 150.846 76.0934C150.401 75.6874 150.18 75.1234 150.18 74.399C150.18 73.6162 150.42 73.0133 150.899 72.5927C151.378 72.1697 152.056 71.9582 152.936 71.9582H155.37V71.6981C155.37 70.9566 155.207 70.4097 154.879 70.0572C154.553 69.7071 154.047 69.5296 153.364 69.5296C152.547 69.5296 151.736 69.7533 150.931 70.2006L150.547 69.2865C151.057 69.0021 151.548 68.793 152.025 68.6618C152.499 68.5305 153.007 68.4648 153.547 68.4648C154.526 68.4648 155.265 68.7298 155.766 69.2574C156.267 69.7873 156.517 70.5701 156.517 71.6082V76.5504H155.538L155.416 75.6655C155.049 75.9913 154.621 76.2465 154.13 76.4289C153.639 76.6112 153.155 76.7036 152.676 76.7036H152.674ZM152.949 75.6655C153.357 75.6655 153.778 75.578 154.213 75.3981C154.648 75.2182 155.032 74.9824 155.37 74.6883V72.9039H153.165C151.949 72.9039 151.342 73.3925 151.342 74.3698C151.342 74.7758 151.483 75.0942 151.762 75.3227C152.042 75.5513 152.438 75.6655 152.949 75.6655Z" fill="white"/>
+<path d="M158.782 76.5504V68.6326H159.761L159.883 69.5491C160.333 69.1723 160.787 68.8976 161.247 68.725C161.706 68.5524 162.19 68.4648 162.701 68.4648C163.568 68.4648 164.232 68.7323 164.689 69.2671C165.149 69.8019 165.377 70.5823 165.377 71.6082V76.5504H164.23V71.6981C164.23 70.2541 163.598 69.5321 162.331 69.5321C161.504 69.5321 160.702 69.8627 159.927 70.5239V76.5504H158.779H158.782Z" fill="white"/>
+<path d="M170.416 76.7035C169.58 76.7035 168.962 76.4677 168.564 75.9937C168.165 75.5196 167.966 74.7903 167.966 73.8033V69.622H166.541V68.6301H167.995L168.194 66.3717H169.111V68.6301H171.914V69.622H169.111V73.6793C169.111 75.0115 169.607 75.6776 170.596 75.6776C171.085 75.6776 171.544 75.5561 171.972 75.3106L172.249 76.1955C172.004 76.3486 171.714 76.4702 171.384 76.5601C171.051 76.6525 170.727 76.6987 170.411 76.6987L170.416 76.7035Z" fill="white"/>
+<path d="M174.367 65.4576C174.603 65.4576 174.788 65.5257 174.926 65.6643C175.065 65.8028 175.133 65.9779 175.133 66.1918C175.133 66.4057 175.065 66.5808 174.926 66.7193C174.788 66.8555 174.603 66.926 174.367 66.926C174.132 66.926 173.947 66.8579 173.808 66.7193C173.67 66.5808 173.602 66.4057 173.602 66.1918C173.602 65.9779 173.67 65.8028 173.808 65.6643C173.947 65.5281 174.132 65.4576 174.367 65.4576ZM173.786 68.6326H174.934V76.5504H173.786V68.6326Z" fill="white"/>
+<path d="M178.943 68.6326H181.511V69.6245H178.943V76.5504H177.796V69.6245H176.311V68.6326H177.796V67.93C177.796 67.0063 178.024 66.2769 178.484 65.7494C178.943 65.2219 179.575 64.9569 180.383 64.9569C180.874 64.9569 181.301 65.0469 181.669 65.2316L181.423 66.1311C181.097 66.029 180.796 65.9779 180.521 65.9779C180.02 65.9779 179.634 66.1457 179.359 66.4812C179.082 66.8166 178.946 67.2955 178.946 67.9155V68.6326H178.943Z" fill="white"/>
+<path d="M183.336 65.4576C183.572 65.4576 183.757 65.5257 183.895 65.6643C184.034 65.8028 184.102 65.9779 184.102 66.1918C184.102 66.4057 184.034 66.5808 183.895 66.7193C183.757 66.8555 183.572 66.926 183.336 66.926C183.1 66.926 182.916 66.8579 182.777 66.7193C182.638 66.5808 182.57 66.4057 182.57 66.1918C182.57 65.9779 182.638 65.8028 182.777 65.6643C182.916 65.5281 183.1 65.4576 183.336 65.4576Z" fill="white"/>
+<path d="M183.903 68.6326H182.756V76.5504H183.903V68.6326Z" fill="white"/>
+<path d="M187.01 73.0108C187.092 73.835 187.384 74.4865 187.89 74.9654C188.395 75.4419 189.044 75.6825 189.842 75.6825C190.321 75.6825 190.739 75.6363 191.096 75.544C191.454 75.454 191.835 75.2887 192.244 75.0553L192.625 75.9402C192.185 76.2052 191.74 76.3973 191.286 76.5188C190.831 76.6404 190.318 76.7011 189.747 76.7011C188.952 76.7011 188.257 76.5237 187.666 76.1663C187.073 75.8114 186.621 75.3252 186.302 74.7077C185.986 74.0926 185.828 73.3876 185.828 72.5951C185.828 71.8026 185.993 71.0587 186.324 70.4291C186.657 69.7995 187.097 69.3133 187.649 68.9729C188.201 68.6326 188.806 68.4624 189.47 68.4624C190.133 68.4624 190.748 68.6229 191.254 68.9437C191.76 69.2646 192.149 69.7047 192.426 70.2638C192.703 70.8229 192.839 71.455 192.839 72.1551C192.839 72.442 192.829 72.7264 192.808 73.0108H187.007H187.01ZM189.489 69.4859C188.835 69.4859 188.288 69.7144 187.843 70.1714C187.401 70.6309 187.126 71.2459 187.024 72.019H191.677V71.9436C191.677 71.4744 191.582 71.0514 191.395 70.6698C191.206 70.2881 190.948 69.9964 190.622 69.7922C190.296 69.588 189.917 69.4883 189.489 69.4883V69.4859Z" fill="white"/>
+<path d="M201.399 65.1077V76.5505H200.419L200.312 75.7264C199.884 76.0813 199.468 76.3341 199.065 76.4824C198.661 76.6307 198.194 76.7036 197.665 76.7036C196.991 76.7036 196.405 76.5262 195.904 76.1688C195.404 75.8139 195.02 75.3277 194.75 74.7102C194.48 74.0951 194.344 73.3902 194.344 72.5976C194.344 71.8051 194.497 71.0466 194.803 70.417C195.11 69.7874 195.53 69.3036 196.067 68.9681C196.602 68.6326 197.207 68.4649 197.881 68.4649C198.739 68.4649 199.529 68.7299 200.254 69.2574V65.1077H201.401H201.399ZM197.925 75.6826C198.343 75.6826 198.739 75.6097 199.111 75.4614C199.483 75.3131 199.865 75.0773 200.251 74.7515V70.3562C199.935 70.0815 199.587 69.8676 199.211 69.7144C198.834 69.5613 198.455 69.4859 198.078 69.4859C197.293 69.4859 196.668 69.7679 196.203 70.3319C195.739 70.8959 195.506 71.652 195.506 72.5976C195.506 73.5433 195.727 74.2702 196.172 74.8342C196.614 75.3982 197.2 75.6802 197.925 75.6802V75.6826Z" fill="white"/>
+<path d="M204.045 76.7036C203.809 76.7036 203.615 76.6282 203.455 76.475C203.297 76.3219 203.219 76.1347 203.219 75.911C203.219 75.6874 203.297 75.5002 203.455 75.347C203.613 75.1939 203.809 75.1185 204.045 75.1185C204.281 75.1185 204.476 75.1939 204.634 75.347C204.792 75.5002 204.872 75.6874 204.872 75.911C204.872 76.1347 204.792 76.3219 204.634 76.475C204.476 76.6282 204.279 76.7036 204.045 76.7036Z" fill="white"/>
+<path d="M91.3986 52.8213C98.0353 52.1771 101.402 47.6456 101.402 39.3072V11.7589H95.4438V38.9134C95.4438 41.8841 94.926 44.0599 93.905 45.3823C93.2413 46.2429 92.5095 46.9139 91.1287 47.0743C89.3298 47.2834 83.8867 47.0476 83.8867 47.0476V52.8504" fill="white"/>
+<path d="M187.969 12.2621H182.38L166.896 52.8528H173.144L176.993 42.1442H177.005L179.01 36.5747H179.005L180.746 31.7613L180.758 31.7248L185.039 19.8882L191.119 36.5747L197.039 52.8528H203.452L187.969 12.2621Z" fill="white"/>
+<path d="M125.955 12.2621H120.366L104.883 52.8528H111.131L114.979 42.1442H114.989L116.997 36.5747H116.989L123.023 19.8882L129.103 36.5747L135.025 52.8528H141.438L125.955 12.2621Z" fill="white"/>
+<path d="M176.107 9.55632C175.205 6.70716 171.989 1.726 171.852 1.51693L171.276 0.62961L171.429 1.67738C171.561 2.56956 171.782 3.45202 171.996 4.30288C172.251 5.31662 172.514 6.36439 172.616 7.41459C172.754 8.79054 172.509 9.83102 171.865 10.5944C170.61 12.0846 167.963 12.2766 165.627 12.4444C165.247 12.4711 164.873 12.4978 164.508 12.5319C162.33 12.7385 160.295 13.2077 158.465 13.9224C156.763 14.5375 155.137 15.3883 153.632 16.4556C152.142 15.3835 150.43 14.4937 148.405 13.7328C146.648 13.1007 144.781 12.6923 142.692 12.4857C142.333 12.4541 141.961 12.4274 141.584 12.4006C139.25 12.2329 136.607 12.0408 135.348 10.5457C134.697 9.77268 134.449 8.72005 134.587 7.32221C134.689 6.27201 134.952 5.22424 135.207 4.2105C135.421 3.35965 135.642 2.47719 135.774 1.585L135.927 0.537231L135.351 1.42455C135.214 1.63605 131.998 6.61478 131.096 9.46394C130.586 11.1073 130.744 12.651 131.549 13.9346C132.572 15.5634 134.59 16.7108 137.079 17.0779C138.202 17.2383 139.291 17.3064 140.344 17.372C141.832 17.4644 143.237 17.5544 144.703 17.8801C146.536 18.3493 148.289 19.064 149.771 19.9441C151.286 20.8727 152.562 21.9448 153.564 23.1263L153.727 23.3183L153.963 23.0825C154.903 22.0007 156.036 21.0137 157.24 20.2261C158.72 19.2537 160.41 18.4952 162.269 17.9725C162.398 17.9287 162.52 17.8899 162.624 17.8899L162.673 17.885C164.105 17.5811 165.486 17.5058 166.947 17.4255C167.955 17.3696 168.998 17.3137 170.068 17.1751C172.56 16.8397 174.585 15.719 175.625 14.0975C176.452 12.8066 176.617 11.2386 176.102 9.56118L176.107 9.55632Z" fill="white"/>
+<path d="M153.725 23.4958L153.477 23.2041C152.485 22.0299 151.218 20.9676 149.714 20.0462C148.243 19.1735 146.502 18.4636 144.679 17.9968C143.228 17.6735 141.827 17.586 140.344 17.4936C139.289 17.428 138.198 17.3599 137.067 17.197C134.542 16.8227 132.495 15.6558 131.449 13.9978C130.623 12.6851 130.462 11.1049 130.983 9.42751C131.889 6.56133 135.115 1.57045 135.251 1.35895L136.129 0.00244141L135.896 1.59962C135.764 2.4991 135.543 3.38156 135.327 4.23728C135.074 5.24858 134.811 6.29149 134.709 7.33197C134.573 8.69334 134.814 9.71923 135.441 10.4656C136.666 11.9217 139.285 12.1114 141.594 12.2767C141.983 12.3058 142.35 12.3326 142.705 12.3617C144.801 12.5708 146.68 12.9817 148.447 13.6162C150.453 14.3673 152.15 15.2474 153.632 16.3024C155.128 15.2547 156.739 14.4135 158.424 13.8058C160.264 13.0862 162.309 12.617 164.497 12.4079C164.864 12.3763 165.238 12.3496 165.617 12.3204C167.929 12.1527 170.55 11.9655 171.77 10.5142C172.39 9.77757 172.626 8.76627 172.492 7.42435C172.39 6.38144 172.128 5.33853 171.875 4.32966C171.661 3.47394 171.437 2.58905 171.306 1.692L171.073 0.0948202L171.95 1.45133C172.086 1.66283 175.312 6.65371 176.219 9.51745C176.744 11.2338 176.574 12.8358 175.728 14.1583C174.67 15.8089 172.614 16.9515 170.086 17.2894C169.011 17.428 167.966 17.4863 166.954 17.5422C165.498 17.6225 164.122 17.6978 162.7 17.9993L162.639 18.0066C162.542 18.0066 162.43 18.0455 162.311 18.0844C160.461 18.607 158.781 19.3607 157.308 20.3258C156.112 21.1086 154.989 22.0883 154.055 23.1603L153.72 23.4958H153.725ZM135.73 1.06723L135.458 1.48779C135.322 1.69686 132.115 6.66344 131.216 9.498C130.718 11.1049 130.868 12.6146 131.656 13.8665C132.662 15.4662 134.646 16.5917 137.101 16.9564C138.222 17.1168 139.306 17.1849 140.357 17.2505C141.849 17.3453 143.259 17.4329 144.735 17.761C146.582 18.2351 148.347 18.9522 149.838 19.8396C151.367 20.7755 152.653 21.8549 153.662 23.0485L153.737 23.1385L153.88 22.995C154.821 21.9108 155.964 20.9165 157.179 20.1216C158.672 19.1419 160.374 18.3785 162.243 17.851C162.374 17.8072 162.506 17.7635 162.63 17.7635L162.666 17.7586C164.096 17.4547 165.479 17.3794 166.945 17.2991C167.954 17.2432 168.994 17.1873 170.059 17.0488C172.517 16.7181 174.51 15.6169 175.529 14.027C176.336 12.7677 176.496 11.2338 175.993 9.59281C175.093 6.75581 171.887 1.79167 171.751 1.5826L171.479 1.16204L171.551 1.65797C171.68 2.54529 171.902 3.42289 172.115 4.27131C172.371 5.28991 172.636 6.34254 172.74 7.40247C172.881 8.81246 172.626 9.88211 171.962 10.6722C170.674 12.2013 168 12.3958 165.639 12.566C165.26 12.5927 164.886 12.6194 164.523 12.651C162.36 12.8577 160.337 13.322 158.514 14.0343C156.82 14.6469 155.203 15.4929 153.708 16.5528L153.637 16.6039L153.567 16.5528C152.086 15.488 150.385 14.6007 148.369 13.8447C146.621 13.2175 144.764 12.8115 142.688 12.6048C142.335 12.5732 141.971 12.5465 141.601 12.5222C139.226 12.3496 136.555 12.1575 135.261 10.6236C134.588 9.82376 134.33 8.74196 134.471 7.31009C134.573 6.25259 134.838 5.19996 135.093 4.18136C135.307 3.33051 135.529 2.45291 135.657 1.56559L135.73 1.06966V1.06723Z" fill="white"/>
+<path d="M156.583 18.3518H150.625V52.9039H156.583V18.3518Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_902_1876">
+<rect width="204.872" height="80" fill="white"/>
+</clipPath>
+</defs>
 </svg>
diff --git a/portal/src/styles/colors.scss b/portal/src/styles/colors.scss
index 2ef970d9..1aad8da6 100644
--- a/portal/src/styles/colors.scss
+++ b/portal/src/styles/colors.scss
@@ -4,6 +4,7 @@
   #{$primaryWhite}: white;
   #{$textBlack}: #1D2329;
   #{$backgroundColorBlack}: black;
+  #{$dividerColorGray}: #d0d0d0cf;
   #{$backgroundColorGray}: #F2F2F2;
   #{$backgroundColorWhite}: white;
   #{$errorTextColor}: #c70032;
diff --git a/portal/src/styles/variables-keys.scss b/portal/src/styles/variables-keys.scss
index 2f1a90d9..9d2de25e 100644
--- a/portal/src/styles/variables-keys.scss
+++ b/portal/src/styles/variables-keys.scss
@@ -34,6 +34,7 @@ $errorTextColor: --att-error-text-red;
 $actionTextHoverColor: --att-hover-text-color;
 $subTextColor: --att-sub-text-color;
 $backgroundColorBlack: --att-background-color-black;
+$dividerColorGray: --att-divider-color-gray;
 $backgroundColorGray: --att-background-color-gray;
 $backgroundColorWhite: --att-background-color-white;
 $attCobalt: --att-att-cobalt;
diff --git a/portal/src/styles/variables.scss b/portal/src/styles/variables.scss
index aec03549..43ad2fd1 100644
--- a/portal/src/styles/variables.scss
+++ b/portal/src/styles/variables.scss
@@ -1,7 +1,7 @@
 @import "./variables-keys";
 
 :root {
-    #{$headerSize}: 64px;
+    #{$headerSize}: 80px;
     #{$fontRegular}: ATTAleckSans;
     #{$fontMedium}: ATTAleckSansMed;
     #{$fontBold}: ATTAleckSansBold;
diff --git a/run/kubernetes/charts/portal/values.yaml b/run/kubernetes/charts/portal/values.yaml
index 1a947411..37b5227a 100644
--- a/run/kubernetes/charts/portal/values.yaml
+++ b/run/kubernetes/charts/portal/values.yaml
@@ -6,7 +6,7 @@ replicaCount: 1
 
 image:
   repository: qujata/portal
-  tag: "1.1.0"
+  tag: "1.2.0"
   pullPolicy: Always