diff --git a/.cypress/integration/9_integrations.spec.js b/.cypress/integration/9_integrations.spec.js
index 6ee3b53a76..2c0f39c39a 100644
--- a/.cypress/integration/9_integrations.spec.js
+++ b/.cypress/integration/9_integrations.spec.js
@@ -21,7 +21,7 @@ const moveToAvailableNginxIntegration = () => {
 };
 
 const moveToAddedIntegrations = () => {
-  cy.visit(`${Cypress.env('opensearchDashboards')}/app/integrations#/added`);
+  cy.visit(`${Cypress.env('opensearchDashboards')}/app/integrations#/installed`);
 };
 
 
diff --git a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
index bfc7014eee..5ef5da45c2 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
@@ -13,11 +13,11 @@ exports[`Added Integration View Test Renders added integration view using dummy
                 "text": "Integrations",
               },
               Object {
-                "href": "#/added",
-                "text": "Added Integration",
+                "href": "#/installed",
+                "text": "Installed Integrations",
               },
               Object {
-                "href": "#/added/undefined",
+                "href": "#/installed/undefined",
                 "text": "undefined",
               },
             ],
diff --git a/public/components/integrations/components/__tests__/__snapshots__/added_integration_table.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/added_integration_table.test.tsx.snap
index 41f49f8d26..9cb3e5126d 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/added_integration_table.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/added_integration_table.test.tsx.snap
@@ -1053,13 +1053,13 @@ exports[`Added Integration Table View Test Renders added integration table view
                                     <EuiLink
                                       className=""
                                       data-test-subj="nginxIntegrationLink"
-                                      href="#/added/ad7e6e30-0b99-11ee-b27c-c9863222e9bf"
+                                      href="#/installed/ad7e6e30-0b99-11ee-b27c-c9863222e9bf"
                                       key=".0"
                                     >
                                       <a
                                         className="euiLink euiLink--primary"
                                         data-test-subj="nginxIntegrationLink"
-                                        href="#/added/ad7e6e30-0b99-11ee-b27c-c9863222e9bf"
+                                        href="#/installed/ad7e6e30-0b99-11ee-b27c-c9863222e9bf"
                                         rel="noreferrer"
                                       >
                                         nginx
diff --git a/public/components/integrations/components/__tests__/__snapshots__/available_integration_card_view.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/available_integration_card_view.test.tsx.snap
index 8aab820832..9f6372b915 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/available_integration_card_view.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/available_integration_card_view.test.tsx.snap
@@ -55,6 +55,7 @@ exports[`Available Integration Card View Test Renders nginx integration card vie
       ],
     }
   }
+  renderCateogryFilters={[Function]}
   showModal={[Function]}
 >
   <EuiPanel>
@@ -154,6 +155,13 @@ exports[`Available Integration Card View Test Renders nginx integration card vie
               </EuiFieldSearch>
             </div>
           </EuiFlexItem>
+          <EuiFlexItem
+            grow={false}
+          >
+            <div
+              className="euiFlexItem euiFlexItem--flexGrowZero"
+            />
+          </EuiFlexItem>
           <EuiFlexItem
             grow={false}
           >
diff --git a/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap
index 7105fee03d..2406957a3c 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap
@@ -56,6 +56,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
     }
   }
   loading={false}
+  renderCateogryFilters={[Function]}
   showModal={[Function]}
 >
   <EuiPageContent
@@ -174,26 +175,31 @@ exports[`Available Integration Table View Test Renders nginx integration table v
               "box": Object {
                 "incremental": true,
               },
-              "toolsRight": <EuiButtonGroup
-                idSelected="0"
-                isIconOnly={true}
-                legend="Text align"
-                onChange={[Function]}
-                options={
-                  Array [
-                    Object {
-                      "iconType": "list",
-                      "id": "0",
-                      "label": "list",
-                    },
-                    Object {
-                      "iconType": "grid",
-                      "id": "1",
-                      "label": "grid",
-                    },
-                  ]
-                }
-              />,
+              "toolsRight": <EuiFlexGroup>
+                <EuiFlexItem />
+                <EuiFlexItem>
+                  <EuiButtonGroup
+                    idSelected="0"
+                    isIconOnly={true}
+                    legend="Text align"
+                    onChange={[Function]}
+                    options={
+                      Array [
+                        Object {
+                          "iconType": "list",
+                          "id": "0",
+                          "label": "list",
+                        },
+                        Object {
+                          "iconType": "grid",
+                          "id": "1",
+                          "label": "grid",
+                        },
+                      ]
+                    }
+                  />
+                </EuiFlexItem>
+              </EuiFlexGroup>,
             }
           }
           tableLayout="auto"
@@ -207,26 +213,31 @@ exports[`Available Integration Table View Test Renders nginx integration table v
               }
               onChange={[Function]}
               toolsRight={
-                <EuiButtonGroup
-                  idSelected="0"
-                  isIconOnly={true}
-                  legend="Text align"
-                  onChange={[Function]}
-                  options={
-                    Array [
-                      Object {
-                        "iconType": "list",
-                        "id": "0",
-                        "label": "list",
-                      },
-                      Object {
-                        "iconType": "grid",
-                        "id": "1",
-                        "label": "grid",
-                      },
-                    ]
-                  }
-                />
+                <EuiFlexGroup>
+                  <EuiFlexItem />
+                  <EuiFlexItem>
+                    <EuiButtonGroup
+                      idSelected="0"
+                      isIconOnly={true}
+                      legend="Text align"
+                      onChange={[Function]}
+                      options={
+                        Array [
+                          Object {
+                            "iconType": "list",
+                            "id": "0",
+                            "label": "list",
+                          },
+                          Object {
+                            "iconType": "grid",
+                            "id": "1",
+                            "label": "grid",
+                          },
+                        ]
+                      }
+                    />
+                  </EuiFlexItem>
+                </EuiFlexGroup>
               }
             >
               <EuiFlexGroup
@@ -346,261 +357,278 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                     <div
                       className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <EuiButtonGroup
-                        idSelected="0"
-                        isIconOnly={true}
-                        legend="Text align"
-                        onChange={[Function]}
-                        options={
-                          Array [
-                            Object {
-                              "iconType": "list",
-                              "id": "0",
-                              "label": "list",
-                            },
-                            Object {
-                              "iconType": "grid",
-                              "id": "1",
-                              "label": "grid",
-                            },
-                          ]
-                        }
-                      >
-                        <fieldset
-                          className="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
-                          disabled={false}
+                      <EuiFlexGroup>
+                        <div
+                          className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
-                          <EuiScreenReaderOnly>
-                            <legend
-                              className="euiScreenReaderOnly"
-                            >
-                              Text align
-                            </legend>
-                          </EuiScreenReaderOnly>
-                          <div
-                            className="euiButtonGroup__buttons"
-                          >
-                            <EuiButtonGroupButton
-                              color="text"
-                              element="label"
-                              iconType="list"
-                              id="0"
-                              isDisabled={false}
-                              isIconOnly={true}
-                              isSelected={true}
-                              key="0"
-                              label="list"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              size="s"
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
+                            />
+                          </EuiFlexItem>
+                          <EuiFlexItem>
+                            <div
+                              className="euiFlexItem"
                             >
-                              <EuiButtonDisplay
-                                baseClassName="euiButtonGroupButton"
-                                className="euiButtonGroupButton-isSelected euiButtonGroupButton-isIconOnly"
-                                color="text"
-                                element="label"
-                                fill={true}
-                                htmlFor="random_html_id"
-                                iconType="list"
-                                isDisabled={false}
-                                onClick={[Function]}
-                                size="s"
-                                textProps={
-                                  Object {
-                                    "className": "euiScreenReaderOnly",
-                                    "data-text": "list",
-                                    "ref": [Function],
-                                    "title": "list",
-                                  }
-                                }
-                              >
-                                <label
-                                  className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected euiButtonGroupButton-isIconOnly"
-                                  disabled={false}
-                                  htmlFor="random_html_id"
-                                  onClick={[Function]}
-                                  style={
+                              <EuiButtonGroup
+                                idSelected="0"
+                                isIconOnly={true}
+                                legend="Text align"
+                                onChange={[Function]}
+                                options={
+                                  Array [
                                     Object {
-                                      "minWidth": undefined,
-                                    }
-                                  }
-                                >
-                                  <EuiButtonContent
-                                    className="euiButton__content"
-                                    iconSide="left"
-                                    iconType="list"
-                                    textProps={
-                                      Object {
-                                        "className": "euiButton__text euiScreenReaderOnly",
-                                        "data-text": "list",
-                                        "ref": [Function],
-                                        "title": "list",
-                                      }
-                                    }
-                                  >
-                                    <span
-                                      className="euiButtonContent euiButton__content"
-                                    >
-                                      <EuiIcon
-                                        className="euiButtonContent__icon"
-                                        color="inherit"
-                                        size="m"
-                                        type="list"
-                                      >
-                                        <EuiIconEmpty
-                                          aria-hidden={true}
-                                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                          focusable="false"
-                                          role="img"
-                                          style={null}
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                            focusable="false"
-                                            height={16}
-                                            role="img"
-                                            style={null}
-                                            viewBox="0 0 16 16"
-                                            width={16}
-                                            xmlns="http://www.w3.org/2000/svg"
-                                          />
-                                        </EuiIconEmpty>
-                                      </EuiIcon>
-                                      <span
-                                        className="euiButton__text euiScreenReaderOnly"
-                                        data-text="list"
-                                        title="list"
-                                      >
-                                        <input
-                                          checked={true}
-                                          className="euiScreenReaderOnly"
-                                          data-test-subj="0"
-                                          disabled={false}
-                                          id="random_html_id"
-                                          name="random_html_id"
-                                          onChange={[Function]}
-                                          type="radio"
-                                        />
-                                        list
-                                      </span>
-                                    </span>
-                                  </EuiButtonContent>
-                                </label>
-                              </EuiButtonDisplay>
-                            </EuiButtonGroupButton>
-                            <EuiButtonGroupButton
-                              color="text"
-                              element="label"
-                              iconType="grid"
-                              id="1"
-                              isDisabled={false}
-                              isIconOnly={true}
-                              isSelected={false}
-                              key="1"
-                              label="grid"
-                              name="random_html_id"
-                              onChange={[Function]}
-                              size="s"
-                            >
-                              <EuiButtonDisplay
-                                baseClassName="euiButtonGroupButton"
-                                className="euiButtonGroupButton-isIconOnly"
-                                color="text"
-                                element="label"
-                                fill={false}
-                                htmlFor="random_html_id"
-                                iconType="grid"
-                                isDisabled={false}
-                                onClick={[Function]}
-                                size="s"
-                                textProps={
-                                  Object {
-                                    "className": "euiScreenReaderOnly",
-                                    "data-text": "grid",
-                                    "ref": [Function],
-                                    "title": "grid",
-                                  }
+                                      "iconType": "list",
+                                      "id": "0",
+                                      "label": "list",
+                                    },
+                                    Object {
+                                      "iconType": "grid",
+                                      "id": "1",
+                                      "label": "grid",
+                                    },
+                                  ]
                                 }
                               >
-                                <label
-                                  className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton-isIconOnly"
+                                <fieldset
+                                  className="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
                                   disabled={false}
-                                  htmlFor="random_html_id"
-                                  onClick={[Function]}
-                                  style={
-                                    Object {
-                                      "minWidth": undefined,
-                                    }
-                                  }
                                 >
-                                  <EuiButtonContent
-                                    className="euiButton__content"
-                                    iconSide="left"
-                                    iconType="grid"
-                                    textProps={
-                                      Object {
-                                        "className": "euiButton__text euiScreenReaderOnly",
-                                        "data-text": "grid",
-                                        "ref": [Function],
-                                        "title": "grid",
-                                      }
-                                    }
+                                  <EuiScreenReaderOnly>
+                                    <legend
+                                      className="euiScreenReaderOnly"
+                                    >
+                                      Text align
+                                    </legend>
+                                  </EuiScreenReaderOnly>
+                                  <div
+                                    className="euiButtonGroup__buttons"
                                   >
-                                    <span
-                                      className="euiButtonContent euiButton__content"
+                                    <EuiButtonGroupButton
+                                      color="text"
+                                      element="label"
+                                      iconType="list"
+                                      id="0"
+                                      isDisabled={false}
+                                      isIconOnly={true}
+                                      isSelected={true}
+                                      key="0"
+                                      label="list"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      size="s"
                                     >
-                                      <EuiIcon
-                                        className="euiButtonContent__icon"
-                                        color="inherit"
-                                        size="m"
-                                        type="grid"
+                                      <EuiButtonDisplay
+                                        baseClassName="euiButtonGroupButton"
+                                        className="euiButtonGroupButton-isSelected euiButtonGroupButton-isIconOnly"
+                                        color="text"
+                                        element="label"
+                                        fill={true}
+                                        htmlFor="random_html_id"
+                                        iconType="list"
+                                        isDisabled={false}
+                                        onClick={[Function]}
+                                        size="s"
+                                        textProps={
+                                          Object {
+                                            "className": "euiScreenReaderOnly",
+                                            "data-text": "list",
+                                            "ref": [Function],
+                                            "title": "list",
+                                          }
+                                        }
                                       >
-                                        <EuiIconEmpty
-                                          aria-hidden={true}
-                                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                          focusable="false"
-                                          role="img"
-                                          style={null}
+                                        <label
+                                          className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected euiButtonGroupButton-isIconOnly"
+                                          disabled={false}
+                                          htmlFor="random_html_id"
+                                          onClick={[Function]}
+                                          style={
+                                            Object {
+                                              "minWidth": undefined,
+                                            }
+                                          }
                                         >
-                                          <svg
-                                            aria-hidden={true}
-                                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                                            focusable="false"
-                                            height={16}
-                                            role="img"
-                                            style={null}
-                                            viewBox="0 0 16 16"
-                                            width={16}
-                                            xmlns="http://www.w3.org/2000/svg"
-                                          />
-                                        </EuiIconEmpty>
-                                      </EuiIcon>
-                                      <span
-                                        className="euiButton__text euiScreenReaderOnly"
-                                        data-text="grid"
-                                        title="grid"
+                                          <EuiButtonContent
+                                            className="euiButton__content"
+                                            iconSide="left"
+                                            iconType="list"
+                                            textProps={
+                                              Object {
+                                                "className": "euiButton__text euiScreenReaderOnly",
+                                                "data-text": "list",
+                                                "ref": [Function],
+                                                "title": "list",
+                                              }
+                                            }
+                                          >
+                                            <span
+                                              className="euiButtonContent euiButton__content"
+                                            >
+                                              <EuiIcon
+                                                className="euiButtonContent__icon"
+                                                color="inherit"
+                                                size="m"
+                                                type="list"
+                                              >
+                                                <EuiIconEmpty
+                                                  aria-hidden={true}
+                                                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                  focusable="false"
+                                                  role="img"
+                                                  style={null}
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                    focusable="false"
+                                                    height={16}
+                                                    role="img"
+                                                    style={null}
+                                                    viewBox="0 0 16 16"
+                                                    width={16}
+                                                    xmlns="http://www.w3.org/2000/svg"
+                                                  />
+                                                </EuiIconEmpty>
+                                              </EuiIcon>
+                                              <span
+                                                className="euiButton__text euiScreenReaderOnly"
+                                                data-text="list"
+                                                title="list"
+                                              >
+                                                <input
+                                                  checked={true}
+                                                  className="euiScreenReaderOnly"
+                                                  data-test-subj="0"
+                                                  disabled={false}
+                                                  id="random_html_id"
+                                                  name="random_html_id"
+                                                  onChange={[Function]}
+                                                  type="radio"
+                                                />
+                                                list
+                                              </span>
+                                            </span>
+                                          </EuiButtonContent>
+                                        </label>
+                                      </EuiButtonDisplay>
+                                    </EuiButtonGroupButton>
+                                    <EuiButtonGroupButton
+                                      color="text"
+                                      element="label"
+                                      iconType="grid"
+                                      id="1"
+                                      isDisabled={false}
+                                      isIconOnly={true}
+                                      isSelected={false}
+                                      key="1"
+                                      label="grid"
+                                      name="random_html_id"
+                                      onChange={[Function]}
+                                      size="s"
+                                    >
+                                      <EuiButtonDisplay
+                                        baseClassName="euiButtonGroupButton"
+                                        className="euiButtonGroupButton-isIconOnly"
+                                        color="text"
+                                        element="label"
+                                        fill={false}
+                                        htmlFor="random_html_id"
+                                        iconType="grid"
+                                        isDisabled={false}
+                                        onClick={[Function]}
+                                        size="s"
+                                        textProps={
+                                          Object {
+                                            "className": "euiScreenReaderOnly",
+                                            "data-text": "grid",
+                                            "ref": [Function],
+                                            "title": "grid",
+                                          }
+                                        }
                                       >
-                                        <input
-                                          checked={false}
-                                          className="euiScreenReaderOnly"
-                                          data-test-subj="1"
+                                        <label
+                                          className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton-isIconOnly"
                                           disabled={false}
-                                          id="random_html_id"
-                                          name="random_html_id"
-                                          onChange={[Function]}
-                                          type="radio"
-                                        />
-                                        grid
-                                      </span>
-                                    </span>
-                                  </EuiButtonContent>
-                                </label>
-                              </EuiButtonDisplay>
-                            </EuiButtonGroupButton>
-                          </div>
-                        </fieldset>
-                      </EuiButtonGroup>
+                                          htmlFor="random_html_id"
+                                          onClick={[Function]}
+                                          style={
+                                            Object {
+                                              "minWidth": undefined,
+                                            }
+                                          }
+                                        >
+                                          <EuiButtonContent
+                                            className="euiButton__content"
+                                            iconSide="left"
+                                            iconType="grid"
+                                            textProps={
+                                              Object {
+                                                "className": "euiButton__text euiScreenReaderOnly",
+                                                "data-text": "grid",
+                                                "ref": [Function],
+                                                "title": "grid",
+                                              }
+                                            }
+                                          >
+                                            <span
+                                              className="euiButtonContent euiButton__content"
+                                            >
+                                              <EuiIcon
+                                                className="euiButtonContent__icon"
+                                                color="inherit"
+                                                size="m"
+                                                type="grid"
+                                              >
+                                                <EuiIconEmpty
+                                                  aria-hidden={true}
+                                                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                  focusable="false"
+                                                  role="img"
+                                                  style={null}
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
+                                                    focusable="false"
+                                                    height={16}
+                                                    role="img"
+                                                    style={null}
+                                                    viewBox="0 0 16 16"
+                                                    width={16}
+                                                    xmlns="http://www.w3.org/2000/svg"
+                                                  />
+                                                </EuiIconEmpty>
+                                              </EuiIcon>
+                                              <span
+                                                className="euiButton__text euiScreenReaderOnly"
+                                                data-text="grid"
+                                                title="grid"
+                                              >
+                                                <input
+                                                  checked={false}
+                                                  className="euiScreenReaderOnly"
+                                                  data-test-subj="1"
+                                                  disabled={false}
+                                                  id="random_html_id"
+                                                  name="random_html_id"
+                                                  onChange={[Function]}
+                                                  type="radio"
+                                                />
+                                                grid
+                                              </span>
+                                            </span>
+                                          </EuiButtonContent>
+                                        </label>
+                                      </EuiButtonDisplay>
+                                    </EuiButtonGroupButton>
+                                  </div>
+                                </fieldset>
+                              </EuiButtonGroup>
+                            </div>
+                          </EuiFlexItem>
+                        </div>
+                      </EuiFlexGroup>
                     </div>
                   </EuiFlexItem>
                 </div>
diff --git a/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap
index f27b961ed1..0c71537130 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap
@@ -126,7 +126,7 @@ exports[`Integration Header Test Renders integration header as expected 1`] = `
             <span
               className="euiTab__content"
             >
-              Added
+              Installed
             </span>
           </button>
         </EuiTab>
diff --git a/public/components/integrations/components/__tests__/testing_constants.ts b/public/components/integrations/components/__tests__/testing_constants.ts
index 6cd79b9c12..32cf5b4e61 100644
--- a/public/components/integrations/components/__tests__/testing_constants.ts
+++ b/public/components/integrations/components/__tests__/testing_constants.ts
@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import { AddedIntegrationsTableProps } from '../added_integration_overview_page';
 import {
   AvailableIntegrationsCardViewProps,
@@ -34,6 +39,7 @@ export const availableCardViewData: AvailableIntegrationsCardViewProps = {
     ],
   },
   showModal: () => {},
+  renderCateogryFilters: () => null as any,
 };
 
 export const availableTableViewData: AvailableIntegrationsTableProps = {
@@ -67,6 +73,7 @@ export const availableTableViewData: AvailableIntegrationsTableProps = {
   },
   showModal: () => {},
   loading: false,
+  renderCateogryFilters: () => null as any,
 };
 
 export const addedIntegrationData: AddedIntegrationsTableProps = {
diff --git a/public/components/integrations/components/added_integration.tsx b/public/components/integrations/components/added_integration.tsx
index 6d1c5d77f6..aa69637bcf 100644
--- a/public/components/integrations/components/added_integration.tsx
+++ b/public/components/integrations/components/added_integration.tsx
@@ -48,12 +48,12 @@ export function AddedIntegration(props: AddedIntegrationProps) {
         href: '#/',
       },
       {
-        text: 'Added Integration',
-        href: '#/added',
+        text: 'Installed Integrations',
+        href: '#/installed',
       },
       {
         text: `${stateData.data?.name}`,
-        href: `#/added/${stateData.data?.id}`,
+        href: `#/installed/${stateData.data?.id}`,
       },
     ]);
     handleDataRequest();
@@ -63,7 +63,6 @@ export function AddedIntegration(props: AddedIntegrationProps) {
   const [modalLayout, setModalLayout] = useState(<EuiOverlayMask />);
 
   const badge = (status) => {
-    console.log(status);
     switch (status) {
       case 'available':
         return <EuiBadge color="success">Healthy</EuiBadge>;
diff --git a/public/components/integrations/components/added_integration_table.tsx b/public/components/integrations/components/added_integration_table.tsx
index 53d7db0fec..3153b59fc5 100644
--- a/public/components/integrations/components/added_integration_table.tsx
+++ b/public/components/integrations/components/added_integration_table.tsx
@@ -43,7 +43,7 @@ export function AddedIntegrationsTable(props: AddedIntegrationsTableProps) {
       sortable: true,
       truncateText: true,
       render: (value, record) => (
-        <EuiLink data-test-subj={`${record.name}IntegrationLink`} href={`#/added/${record.id}`}>
+        <EuiLink data-test-subj={`${record.name}IntegrationLink`} href={`#/installed/${record.id}`}>
           {_.truncate(record.name, { length: 100 })}
         </EuiLink>
       ),
@@ -99,7 +99,7 @@ export function AddedIntegrationsTable(props: AddedIntegrationsTableProps) {
         setToast(`Error deleting ${name} or its assets`, 'danger');
       })
       .finally(() => {
-        window.location.hash = '#/added';
+        window.location.hash = '#/installed';
       });
   }
 
diff --git a/public/components/integrations/components/available_integration_card_view.tsx b/public/components/integrations/components/available_integration_card_view.tsx
index 21922460e0..62d8189b59 100644
--- a/public/components/integrations/components/available_integration_card_view.tsx
+++ b/public/components/integrations/components/available_integration_card_view.tsx
@@ -29,9 +29,6 @@ import { badges } from './integration_category_badge_group';
 
 export function AvailableIntegrationsCardView(props: AvailableIntegrationsCardViewProps) {
   const [toggleIconIdSelected, setToggleIconIdSelected] = useState('1');
-  // const query = ''
-
-  // const query = useRef('');
 
   const getImage = (url?: string) => {
     let optionalImg;
@@ -112,6 +109,7 @@ export function AvailableIntegrationsCardView(props: AvailableIntegrationsCardVi
             // onSearch={props.refresh}
           />
         </EuiFlexItem>
+        <EuiFlexItem grow={false}>{props.renderCateogryFilters()}</EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButtonGroup
             legend="Text align"
diff --git a/public/components/integrations/components/available_integration_overview_page.tsx b/public/components/integrations/components/available_integration_overview_page.tsx
index 18c65e085b..4077abe70e 100644
--- a/public/components/integrations/components/available_integration_overview_page.tsx
+++ b/public/components/integrations/components/available_integration_overview_page.tsx
@@ -4,9 +4,22 @@
  */
 /* eslint-disable react-hooks/exhaustive-deps */
 
-import { EuiOverlayMask, EuiPage, EuiPageBody, EuiSpacer, EuiTab, EuiTabs } from '@elastic/eui';
+import {
+  EuiFieldSearch,
+  EuiFilterButton,
+  EuiFilterGroup,
+  EuiFilterSelectItem,
+  EuiOverlayMask,
+  EuiPage,
+  EuiPageBody,
+  EuiPopover,
+  EuiPopoverTitle,
+  EuiSpacer,
+  EuiTab,
+  EuiTabs,
+} from '@elastic/eui';
 import _ from 'lodash';
-import React, { useEffect, useState } from 'react';
+import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { StringRegexOptions } from 'joi';
 import { IntegrationHeader } from './integration_header';
 import { AvailableIntegrationsTable } from './available_integration_table';
@@ -34,6 +47,7 @@ export interface AvailableIntegrationsTableProps {
   showModal: (input: string) => void;
   isCardView: boolean;
   setCardView: (input: boolean) => void;
+  renderCateogryFilters: () => React.JSX.Element;
 }
 
 export interface AvailableIntegrationsList {
@@ -47,6 +61,7 @@ export interface AvailableIntegrationsCardViewProps {
   setCardView: (input: boolean) => void;
   query: string;
   setQuery: (input: string) => void;
+  renderCateogryFilters: () => React.JSX.Element;
 }
 
 export function AvailableIntegrationOverviewPage(props: AvailableIntegrationOverviewPageProps) {
@@ -60,6 +75,59 @@ export function AvailableIntegrationOverviewPage(props: AvailableIntegrationOver
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [modalLayout, setModalLayout] = useState(<EuiOverlayMask />);
 
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+
+  const onButtonClick = () => {
+    setIsPopoverOpen(!isPopoverOpen);
+  };
+
+  const closePopover = () => {
+    setIsPopoverOpen(false);
+  };
+
+  const [items, setItems] = useState([
+    { name: 'http' },
+    { name: 'logs' },
+    { name: 'communication' },
+    { name: 'cloud' },
+    { name: 'aws_elb' },
+    { name: 'container' },
+  ]);
+
+  function updateItem(index) {
+    if (!items[index]) {
+      return;
+    }
+
+    const newItems = [...items];
+
+    switch (newItems[index].checked) {
+      case 'on':
+        newItems[index].checked = undefined;
+        break;
+
+      default:
+        newItems[index].checked = 'on';
+    }
+
+    setItems(newItems);
+  }
+
+  const helper = items.filter((item) => item.checked === 'on').map((x) => x.name);
+
+  const button = (
+    <EuiFilterButton
+      iconType="arrowDown"
+      onClick={onButtonClick}
+      isSelected={isPopoverOpen}
+      numFilters={items.length}
+      hasActiveFilters={!!items.find((item) => item.checked === 'on')}
+      numActiveFilters={items.filter((item) => item.checked === 'on').length}
+    >
+      Categories
+    </EuiFilterButton>
+  );
+
   const getModal = (name: string) => {
     setModalLayout(
       getAddIntegrationModal(
@@ -116,25 +184,64 @@ export function AvailableIntegrationOverviewPage(props: AvailableIntegrationOver
       );
   }
 
+  const renderCateogryFilters = () => {
+    return (
+      <EuiFilterGroup>
+        <EuiPopover
+          id="popoverExampleMultiSelect"
+          button={button}
+          isOpen={isPopoverOpen}
+          closePopover={closePopover}
+          panelPaddingSize="none"
+        >
+          <EuiPopoverTitle paddingSize="s">
+            <EuiFieldSearch compressed />
+          </EuiPopoverTitle>
+          <div className="ouiFilterSelect__items">
+            {items.map((item, index) => (
+              <EuiFilterSelectItem
+                checked={item.checked}
+                key={index}
+                onClick={() => updateItem(index)}
+              >
+                {item.name}
+              </EuiFilterSelectItem>
+            ))}
+          </div>
+        </EuiPopover>
+      </EuiFilterGroup>
+    );
+  };
+
   return (
     <EuiPage>
-      <EuiPageBody component="div">
+      <EuiPageBody>
         {IntegrationHeader()}
         {isCardView
           ? AvailableIntegrationsCardView({
-              data,
+              data: {
+                hits: data.hits.filter((hit) =>
+                  helper.every((compon) => hit.components.map((x) => x.name).includes(compon))
+                ),
+              },
               showModal: getModal,
               isCardView,
               setCardView,
               query,
               setQuery,
+              renderCateogryFilters,
             })
           : AvailableIntegrationsTable({
               loading: false,
-              data,
+              data: {
+                hits: data.hits.filter((hit) =>
+                  helper.every((compon) => hit.components.map((x) => x.name).includes(compon))
+                ),
+              },
               showModal: getModal,
               isCardView,
               setCardView,
+              renderCateogryFilters,
             })}
       </EuiPageBody>
       {isModalVisible && modalLayout}
diff --git a/public/components/integrations/components/available_integration_table.tsx b/public/components/integrations/components/available_integration_table.tsx
index 81d14affd1..f37055f9b5 100644
--- a/public/components/integrations/components/available_integration_table.tsx
+++ b/public/components/integrations/components/available_integration_table.tsx
@@ -5,15 +5,25 @@
 
 import {
   EuiButtonGroup,
+  EuiFieldSearch,
+  EuiFilterButton,
+  EuiFilterGroup,
+  EuiFilterSelectItem,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiIcon,
   EuiInMemoryTable,
   EuiLink,
   EuiPageContent,
+  EuiPopover,
+  EuiPopoverTitle,
   EuiSpacer,
   EuiTableFieldDataColumnType,
   EuiText,
 } from '@elastic/eui';
 import _ from 'lodash';
 import React, { useState } from 'react';
+import { ASSET_FILTER_OPTIONS } from 'common/constants/explorer';
 import { AvailableIntegrationsTableProps } from './available_integration_overview_page';
 import { badges } from './integration_category_badge_group';
 
@@ -33,10 +43,10 @@ export function AvailableIntegrationsTable(props: AvailableIntegrationsTableProp
     },
   ];
 
-  const [toggleIconIdSelected, setToggleIconIdSelectedc] = useState('0');
+  const [toggleIconIdSelected, setToggleIconIdSelected] = useState('0');
 
   const onChangeIcons = (optionId) => {
-    setToggleIconIdSelectedc(optionId);
+    setToggleIconIdSelected(optionId);
     if (optionId === '0') {
       props.setCardView(false);
     } else {
@@ -81,13 +91,18 @@ export function AvailableIntegrationsTable(props: AvailableIntegrationsTableProp
 
   const renderToggle = () => {
     return (
-      <EuiButtonGroup
-        legend="Text align"
-        options={toggleButtonsIcons}
-        idSelected={toggleIconIdSelected}
-        onChange={(id) => onChangeIcons(id)}
-        isIconOnly
-      />
+      <EuiFlexGroup>
+        <EuiFlexItem>{props.renderCateogryFilters()}</EuiFlexItem>
+        <EuiFlexItem>
+          <EuiButtonGroup
+            legend="Text align"
+            options={toggleButtonsIcons}
+            idSelected={toggleIconIdSelected}
+            onChange={(id) => onChangeIcons(id)}
+            isIconOnly
+          />
+        </EuiFlexItem>
+      </EuiFlexGroup>
     );
   };
 
diff --git a/public/components/integrations/components/integration.tsx b/public/components/integrations/components/integration.tsx
index e2e8bd5d0d..40657e10e8 100644
--- a/public/components/integrations/components/integration.tsx
+++ b/public/components/integrations/components/integration.tsx
@@ -198,11 +198,13 @@ export function Integration(props: AvailableIntegrationProps) {
         body: JSON.stringify({ name, dataSource }),
       })
       .then((_res) => {
+        console.log(_res);
         setToast(
           `${name} integration successfully added!`,
           'success',
           `View the added assets from ${name} in the Added Integrations list`
         );
+        window.location.hash = `#/installed/${_res.data?.id}`;
         return true;
       })
       .catch((_err) => {
diff --git a/public/components/integrations/components/integration_header.tsx b/public/components/integrations/components/integration_header.tsx
index df2e1fed59..5ef1772a7e 100644
--- a/public/components/integrations/components/integration_header.tsx
+++ b/public/components/integrations/components/integration_header.tsx
@@ -20,8 +20,8 @@ import { OPENSEARCH_DOCUMENTATION_URL } from '../../../../common/constants/custo
 export function IntegrationHeader() {
   const tabs = [
     {
-      id: 'added',
-      name: 'Added',
+      id: 'installed',
+      name: 'Installed',
       disabled: false,
     },
     {
@@ -32,7 +32,7 @@ export function IntegrationHeader() {
   ];
 
   const [selectedTabId, setSelectedTabId] = useState(
-    window.location.hash.substring(2) ? window.location.hash.substring(2) : 'added'
+    window.location.hash.substring(2) ? window.location.hash.substring(2) : 'installed'
   );
 
   const onSelectedTabChanged = (id) => {
diff --git a/public/components/integrations/components/integration_overview_panel.tsx b/public/components/integrations/components/integration_overview_panel.tsx
index d4b46bc048..773be1f3be 100644
--- a/public/components/integrations/components/integration_overview_panel.tsx
+++ b/public/components/integrations/components/integration_overview_panel.tsx
@@ -20,22 +20,24 @@ import {
 import React from 'react';
 
 const pageStyles: CSS.Properties = {
-  width: '80%',
+  width: '100%',
+  justifyContent: 'spaceBetween',
 };
 
 export function IntegrationOverview(props: any) {
   const config = props.integration;
   return (
-    <EuiPageHeader style={{ justifyContent: 'center' }} data-test-subj={`${config.name}-overview`}>
+    <EuiPageHeader
+      style={{ justifyContent: 'spaceBetween' }}
+      data-test-subj={`${config.name}-overview`}
+    >
       <EuiSpacer size="m" />
       <EuiPageHeaderSection style={pageStyles}>
         <EuiPageContentHeaderSection>
-          <EuiFlexGroup gutterSize="xs">
+          <EuiFlexGroup gutterSize="xs" justifyContent="spaceBetween">
             <EuiFlexItem>
               <EuiTitle data-test-subj="eventHomePageTitle" size="l">
-                <EuiLink href={config.link} external={true} target="blank">
-                  {config.displayName || config.name}
-                </EuiLink>
+                <h1>{config.displayName || config.name}</h1>
               </EuiTitle>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
diff --git a/public/components/integrations/home.tsx b/public/components/integrations/home.tsx
index b0c65becd1..0ed56c86a6 100644
--- a/public/components/integrations/home.tsx
+++ b/public/components/integrations/home.tsx
@@ -40,12 +40,12 @@ export const Home = (props: HomeProps) => {
           />
           <Route
             exact
-            path={['/', '/added']}
+            path={['/', '/installed']}
             render={() => <AddedIntegrationOverviewPage {...commonProps} />}
           />
           <Route
             exact
-            path={'/added/:id+'}
+            path={'/installed/:id+'}
             render={(routerProps) => (
               <AddedIntegration
                 integrationInstanceId={decodeURIComponent(routerProps.match.params.id)}
diff --git a/server/adaptors/integrations/__data__/repository/aws_elb/aws_elb-1.0.0.json b/server/adaptors/integrations/__data__/repository/aws_elb/aws_elb-1.0.0.json
index de26372acd..9eea541007 100644
--- a/server/adaptors/integrations/__data__/repository/aws_elb/aws_elb-1.0.0.json
+++ b/server/adaptors/integrations/__data__/repository/aws_elb/aws_elb-1.0.0.json
@@ -5,7 +5,7 @@
     "description": "AWS Elastic Load Balancer collector",
     "license": "Apache-2.0",
     "type": "logs",
-    "author": "Daniel Dong",
+    "author": "OpenSearch",
     "sourceUrl": "https://github.com/YANG-DB/observability/tree/aws_alb_integration",
     "statics": {
         "logo": {
diff --git a/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.0.json b/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.0.json
index 45ff00b63a..e0cbee9855 100644
--- a/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.0.json
+++ b/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.0.json
@@ -6,7 +6,7 @@
     "license": "Apache-2.0",
     "type": "logs",
     "link": "https://www.nginx.com/",
-    "author": "Simeon Widdis",
+    "author": "OpenSearch",
     "sourceUrl": "https://github.com/opensearch-project/observability/pull/1493/files",
     "statics": {
         "logo": {
diff --git a/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.1.json b/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.1.json
index 87d0d84f9e..dc708838d5 100644
--- a/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.1.json
+++ b/server/adaptors/integrations/__data__/repository/nginx/nginx-1.0.1.json
@@ -5,7 +5,7 @@
     "description": "Nginx HTTP server collector",
     "license": "Apache-2.0",
     "type": "logs",
-    "author": "Simeon Widdis",
+    "author": "OpenSearch",
     "sourceUrl": "https://github.com/opensearch-project/observability/pull/1493/files",
     "statics": {
         "logo": {
diff --git a/server/adaptors/integrations/integrations_kibana_backend.ts b/server/adaptors/integrations/integrations_kibana_backend.ts
index 1ac61880ca..b41f75a4d7 100644
--- a/server/adaptors/integrations/integrations_kibana_backend.ts
+++ b/server/adaptors/integrations/integrations_kibana_backend.ts
@@ -141,8 +141,8 @@ export class IntegrationsKibanaBackend implements IntegrationsAdaptor {
         name,
         dataSource,
       });
-      await this.client.create('integration-instance', result);
-      return Promise.resolve(result);
+      const test = await this.client.create('integration-instance', result);
+      return Promise.resolve({ ...result, id: test.id });
     } catch (err: any) {
       return Promise.reject({
         message: err.message,