From 4ffe844b1a2fa7a1917f3a927a4581b7f972e92a Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 11:14:37 +0100
Subject: [PATCH 01/24] Replace the searchfield

---
 .../components/meilisearch.html               | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
new file mode 100644
index 000000000..223178de1
--- /dev/null
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
@@ -0,0 +1,21 @@
+<form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
+
+    <link
+        rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"
+      />
+    </head>
+  
+  
+    <input type="search" id="search-bar-input" />
+    <script>
+    docsSearchBar({
+        hostUrl: '{{HOST}}:7700',
+        apiKey: '{{KEY}}',
+        indexUid: '{{index_uid}}',
+        inputSelector: '#search-bar-input',
+        enableDarkMode: 'auto',
+        debug: true, // Set debug to true if you want to inspect the dropdown
+    });
+    </script>
+  </form>
\ No newline at end of file

From 189ed283236655c798ec9815b6d941904f76636b Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 11:40:23 +0100
Subject: [PATCH 02/24] ADD the env variables

---
 doc/source/conf.py                            | 14 +++++++++-
 .../components/meilisearch.html               | 28 +++++++++----------
 .../theme/ansys_sphinx_theme/theme.conf       |  3 ++
 3 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/doc/source/conf.py b/doc/source/conf.py
index da4e46b03..775480170 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -5,6 +5,10 @@
 from pathlib import Path
 from typing import List
 
+from sphinx.util import logging
+
+logger = logging.getLogger(__name__)
+
 from bs4 import BeautifulSoup
 import requests
 from sphinx.builders.latex import LaTeXBuilder
@@ -37,6 +41,11 @@
 # use the default ansys logo
 html_logo = ansys_logo_black
 html_theme = "ansys_sphinx_theme"
+meilisearch_index_uid = "ansys-ansys-sphinx-theme-sphinx-docs"
+meilisearch_host = os.environ.get("MEILISEARCH_HOST")
+meilisearch_api_key = os.environ.get("MEILISEARCH_API_KEY")
+
+# In the html_context dictionary in conf.py
 
 html_context = {
     "github_user": "ansys",
@@ -44,7 +53,7 @@
     "github_version": "main",
     "doc_path": "doc/source",
 }
-
+logger.info("Setting custom theme options...")
 # specify the location of your github repo
 html_theme_options = {
     "github_url": "https://github.com/ansys/ansys-sphinx-theme",
@@ -62,6 +71,9 @@
         "json_url": f"https://{cname}/release/versions.json",
         "version_match": get_version_match(__version__),
     },
+    "meilisearch_host": meilisearch_host,
+    "meilisearch_api_key": meilisearch_api_key,
+    "meilisearch_index_uid": meilisearch_index_uid,
 }
 
 html_short_title = html_title = "Ansys Sphinx Theme"
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
index 223178de1..8ffd57e0d 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
@@ -1,21 +1,19 @@
 <form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
 
-    <link
-        rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"
-      />
-    </head>
-  
-  
+    <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"></script>
+    {% if html_theme_options.meilisearch_index_uid %}
     <input type="search" id="search-bar-input" />
     <script>
-    docsSearchBar({
-        hostUrl: '{{HOST}}:7700',
-        apiKey: '{{KEY}}',
-        indexUid: '{{index_uid}}',
-        inputSelector: '#search-bar-input',
-        enableDarkMode: 'auto',
-        debug: true, // Set debug to true if you want to inspect the dropdown
-    });
+        const client = new MeiliSearch({ host: '{{ html_theme_options.meilisearch_host }}', apiKey: '{{ html_theme_options.meilisearch_api_key }}' });
+        const index = client.index('{{ html_theme_options.meilisearch_index_uid }}');
+        docsSearchBar({
+            hostUrl: '{{ html_theme_options.meilisearch_host }}',
+            apiKey: '{{ html_theme_options.meilisearch_api_key }}',
+            indexUid: '{{ html_theme_options.meilisearch_index_uid }}',
+            inputSelector: '#search-bar-input',
+            enableDarkMode: 'auto',
+            debug: true // Set debug to true if you want to inspect the dropdown
+        });
     </script>
+    {% endif %}
   </form>
\ No newline at end of file
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
index f0112da94..755e2225b 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
@@ -12,3 +12,6 @@ hidden_icons =
 additional_breadcrumbs =
 use_edit_page_button = True
 switcher =
+meilisearch_host=
+meilisearch_api_key=
+meilisearch_index_uid=

From c58d9cf422aeb97599412fe1d5181953a3f0720e Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 12:13:28 +0100
Subject: [PATCH 03/24] Add the dict

---
 doc/source/conf.py                                  | 12 ++++++------
 .../ansys_sphinx_theme/components/meilisearch.html  | 13 +++++++------
 .../theme/ansys_sphinx_theme/theme.conf             |  4 +---
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/doc/source/conf.py b/doc/source/conf.py
index 775480170..790faef55 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -41,10 +41,12 @@
 # use the default ansys logo
 html_logo = ansys_logo_black
 html_theme = "ansys_sphinx_theme"
-meilisearch_index_uid = "ansys-ansys-sphinx-theme-sphinx-docs"
-meilisearch_host = os.environ.get("MEILISEARCH_HOST")
-meilisearch_api_key = os.environ.get("MEILISEARCH_API_KEY")
 
+MEILISEARCH = {
+    "host": os.environ.get("MEILISEARCH_HOST_NAME", ""),
+    "api_key": os.environ.get("MEILISEARCH_API_KEY", ""),
+    "index_uid": os.environ.get("ansys-ansys-sphinx-theme-sphinx-docs", ""),
+}
 # In the html_context dictionary in conf.py
 
 html_context = {
@@ -71,9 +73,7 @@
         "json_url": f"https://{cname}/release/versions.json",
         "version_match": get_version_match(__version__),
     },
-    "meilisearch_host": meilisearch_host,
-    "meilisearch_api_key": meilisearch_api_key,
-    "meilisearch_index_uid": meilisearch_index_uid,
+    "meilisearch": MEILISEARCH,
 }
 
 html_short_title = html_title = "Ansys Sphinx Theme"
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
index 8ffd57e0d..4d43daa44 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
@@ -1,15 +1,16 @@
 <form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
 
     <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"></script>
-    {% if html_theme_options.meilisearch_index_uid %}
+    {% if html_theme_options.meilisearch %}
     <input type="search" id="search-bar-input" />
     <script>
-        const client = new MeiliSearch({ host: '{{ html_theme_options.meilisearch_host }}', apiKey: '{{ html_theme_options.meilisearch_api_key }}' });
-        const index = client.index('{{ html_theme_options.meilisearch_index_uid }}');
+        const searchConfig = '{{ html_theme_options.meilisearch}}' | tojson ;
+        const client = new MeiliSearch({ host: searchConfig.host, apiKey: searchConfig.api_key });
+        const index = client.index(searchConfig.index_uid);
         docsSearchBar({
-            hostUrl: '{{ html_theme_options.meilisearch_host }}',
-            apiKey: '{{ html_theme_options.meilisearch_api_key }}',
-            indexUid: '{{ html_theme_options.meilisearch_index_uid }}',
+            hostUrl: searchConfig.host,
+            apiKey: searchConfig.api_key,
+            indexUid: searchConfig.index_uid,
             inputSelector: '#search-bar-input',
             enableDarkMode: 'auto',
             debug: true // Set debug to true if you want to inspect the dropdown
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
index 755e2225b..2f5ab7f4b 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
@@ -12,6 +12,4 @@ hidden_icons =
 additional_breadcrumbs =
 use_edit_page_button = True
 switcher =
-meilisearch_host=
-meilisearch_api_key=
-meilisearch_index_uid=
+meilisearch=

From 9298b85c54919bb38efb0e14628f655895b467d6 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 12:22:22 +0100
Subject: [PATCH 04/24] Try to add the env variable

---
 .github/workflows/ci_cd.yml | 2 ++
 doc/source/conf.py          | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/ci_cd.yml b/.github/workflows/ci_cd.yml
index 56fc39129..1a23db5cf 100644
--- a/.github/workflows/ci_cd.yml
+++ b/.github/workflows/ci_cd.yml
@@ -12,6 +12,8 @@ env:
   PACKAGE_NAME: 'ansys-sphinx-theme'
   PACKAGE_NAMESPACE: 'ansys_sphinx_theme'
   DOCUMENTATION_CNAME: 'sphinxdocs.ansys.com'
+  MEILISEARCH_HOST_NAME: ${{ secrets.MEILISEARCH_HOST_NAME}}
+  MEILISEARCH_API_KEY: ${{ secrets.MEILISEARCH_API_KEY}}
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
diff --git a/doc/source/conf.py b/doc/source/conf.py
index 790faef55..879766a8d 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -45,7 +45,7 @@
 MEILISEARCH = {
     "host": os.environ.get("MEILISEARCH_HOST_NAME", ""),
     "api_key": os.environ.get("MEILISEARCH_API_KEY", ""),
-    "index_uid": os.environ.get("ansys-ansys-sphinx-theme-sphinx-docs", ""),
+    "index_uid": "ansys-ansys-sphinx-theme-sphinx-docs",
 }
 # In the html_context dictionary in conf.py
 

From 1febdbd9135e0fcc10103d52e172504d1aef9e7b Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 13:36:27 +0100
Subject: [PATCH 05/24] Try to add uids

---
 doc/source/conf.py                            |  6 ++-
 .../components/meilisearch.html               | 44 +++++++++++++++----
 2 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/doc/source/conf.py b/doc/source/conf.py
index 879766a8d..025935ea0 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -45,7 +45,11 @@
 MEILISEARCH = {
     "host": os.environ.get("MEILISEARCH_HOST_NAME", ""),
     "api_key": os.environ.get("MEILISEARCH_API_KEY", ""),
-    "index_uid": "ansys-ansys-sphinx-theme-sphinx-docs",
+    "index_uids": {
+        "pyansys-docs-all-public": "PyAnsys",
+        "pyaedt": "pyaedt",
+        "ansys-sphinx-theme": "ansys",
+    },
 }
 # In the html_context dictionary in conf.py
 
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
index 4d43daa44..79dd582ba 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
@@ -1,20 +1,48 @@
-<form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
+<body>
+    
+    <h2 align="center">Example Search </h2>
 
-    <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"></script>
+    <div class="container">
+    <div class="col-md-18">
+        <input type="search" placeholder="docs-searchbar input" class="form-control" id="search-bar-input" autofocus />
+      </div>
+
+      {% if html_theme_options.meilisearch_index_uids %}
+        <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
+          {% for index_uid, index_name in html_theme_options.meilisearch_index_uids.items() %}
+            <option value="{{ index_uid }}">{{ index_name }}</option>
+          {% endfor %}
+        </select>
+      {% endif %}
+
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@2.4.1/dist/cdn/docs-searchbar.min.js"></script>
     {% if html_theme_options.meilisearch %}
     <input type="search" id="search-bar-input" />
     <script>
         const searchConfig = '{{ html_theme_options.meilisearch}}' | tojson ;
-        const client = new MeiliSearch({ host: searchConfig.host, apiKey: searchConfig.api_key });
-        const index = client.index(searchConfig.index_uid);
-        docsSearchBar({
+        const index = client.index(searchConfig.index_uids[Object.keys(searchConfig.index_uids)[0]]);
+        let theSearchBar = docsSearchBar({
             hostUrl: searchConfig.host,
             apiKey: searchConfig.api_key,
-            indexUid: searchConfig.index_uid,
+            indexUid: searchConfig.index_uids[Object.keys(searchConfig.index_uids)[0]],
             inputSelector: '#search-bar-input',
             enableDarkMode: 'auto',
             debug: true // Set debug to true if you want to inspect the dropdown
         });
-    </script>
+        document.getElementById('indexUidSelector').addEventListener('change', function() {
+          theSearchBar.indexUid = this.value;
+          theSearchBar.inputSelector = '#docs-searchbar-suggestion';
+      });
+
+      document.getElementById('indexUidSelector').addEventListener('change', function() {
+          theSearchBar.indexUid = this.value;
+          theSearchBar.inputSelector = '#docs-searchbar-suggestion';
+          index = client.index(this.value);
+        });
+
+        document.getElementById('docs-searchbar-suggestion').focus();
+      </script>
     {% endif %}
-  </form>
\ No newline at end of file
+    </form>

From 7b1c04c705aac2fc293bfada0b0a7425ca85ca21 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 15:09:15 +0100
Subject: [PATCH 06/24] MAking the search field

---
 doc/source/conf.py                            |  21 ++--
 .../components/meilisearch.html               |  48 ---------
 .../components/search-field.html              | 102 ++++++++++++++++++
 3 files changed, 112 insertions(+), 59 deletions(-)
 delete mode 100644 src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
 create mode 100644 src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html

diff --git a/doc/source/conf.py b/doc/source/conf.py
index 025935ea0..686155dd7 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -42,17 +42,8 @@
 html_logo = ansys_logo_black
 html_theme = "ansys_sphinx_theme"
 
-MEILISEARCH = {
-    "host": os.environ.get("MEILISEARCH_HOST_NAME", ""),
-    "api_key": os.environ.get("MEILISEARCH_API_KEY", ""),
-    "index_uids": {
-        "pyansys-docs-all-public": "PyAnsys",
-        "pyaedt": "pyaedt",
-        "ansys-sphinx-theme": "ansys",
-    },
-}
-# In the html_context dictionary in conf.py
 
+# In the html_context dictionary in conf.py
 html_context = {
     "github_user": "ansys",
     "github_repo": "ansys-sphinx-theme",
@@ -77,7 +68,15 @@
         "json_url": f"https://{cname}/release/versions.json",
         "version_match": get_version_match(__version__),
     },
-    "meilisearch": MEILISEARCH,
+    "meilisearch": {
+        "host": os.getenv("MEILISEARCH_HOST_NAME"),
+        "api_key": os.getenv("MEILISEARCH_API_KEY", ""),
+        "index_uids": {
+            "pyansys-docs-all-public": "PyAnsys",
+            "pyaedt": "pyaedt",
+            "pymapdl": "ansys",
+        },
+    },
 }
 
 html_short_title = html_title = "Ansys Sphinx Theme"
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
deleted file mode 100644
index 79dd582ba..000000000
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/meilisearch.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<body>
-    
-    <h2 align="center">Example Search </h2>
-
-    <div class="container">
-    <div class="col-md-18">
-        <input type="search" placeholder="docs-searchbar input" class="form-control" id="search-bar-input" autofocus />
-      </div>
-
-      {% if html_theme_options.meilisearch_index_uids %}
-        <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
-          {% for index_uid, index_name in html_theme_options.meilisearch_index_uids.items() %}
-            <option value="{{ index_uid }}">{{ index_name }}</option>
-          {% endfor %}
-        </select>
-      {% endif %}
-
-    </div>
-
-    <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@2.4.1/dist/cdn/docs-searchbar.min.js"></script>
-    {% if html_theme_options.meilisearch %}
-    <input type="search" id="search-bar-input" />
-    <script>
-        const searchConfig = '{{ html_theme_options.meilisearch}}' | tojson ;
-        const index = client.index(searchConfig.index_uids[Object.keys(searchConfig.index_uids)[0]]);
-        let theSearchBar = docsSearchBar({
-            hostUrl: searchConfig.host,
-            apiKey: searchConfig.api_key,
-            indexUid: searchConfig.index_uids[Object.keys(searchConfig.index_uids)[0]],
-            inputSelector: '#search-bar-input',
-            enableDarkMode: 'auto',
-            debug: true // Set debug to true if you want to inspect the dropdown
-        });
-        document.getElementById('indexUidSelector').addEventListener('change', function() {
-          theSearchBar.indexUid = this.value;
-          theSearchBar.inputSelector = '#docs-searchbar-suggestion';
-      });
-
-      document.getElementById('indexUidSelector').addEventListener('change', function() {
-          theSearchBar.indexUid = this.value;
-          theSearchBar.inputSelector = '#docs-searchbar-suggestion';
-          index = client.index(this.value);
-        });
-
-        document.getElementById('docs-searchbar-suggestion').focus();
-      </script>
-    {% endif %}
-    </form>
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
new file mode 100644
index 000000000..1708f3b4e
--- /dev/null
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -0,0 +1,102 @@
+<!-- Debugging: html_theme_options = {{ html_theme_options }} -->
+<link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"
+      />
+
+    <style>
+
+      div [data-ds-theme] .searchbox {
+          margin: auto;
+          display: block;
+          width: 600px;
+      }
+
+      .dsb-suggestions {
+          width: 580px;
+      }
+
+      .docs-searchbar-suggestion--category-header {
+          background-color: #e6eeff;
+          border-radius: 7px;
+          text-align: center;
+      }
+
+      .docs-searchbar-suggestion--subcategory-column-text {
+          color: black;
+      }
+
+      div [data-ds-theme] .searchbox input {
+          height: 32px;
+          border-radius: 8px;
+          font-size: 18px;
+          font-family: "Open Sans", sans-serif;
+          box-shadow: 0px 0px 8px darkgrey;
+      }
+
+      .docs-searchbar-footer {
+          display: none;
+      }
+
+      [class*="docs-searchbar-suggestion"] {
+          text-decoration: none;
+      }
+
+      .docs-searchbar-suggestion--highlight {
+          box-shadow: none !important;
+      }
+
+      .container {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+      }
+
+      .index-select {
+          color: #555;
+          background: #fff;
+          height: 32px;
+          border-radius: 8px;
+          font-size: 18px;
+          font-family: "Open Sans", sans-serif;
+          border: 0;
+          box-shadow: 0px 0px 8px darkgrey;
+          padding: 0 10px 0px 10px;
+      }
+
+    </style>
+ </head>
+ <form class="bd-search d-flex align-items-center"
+ action="{{ pathto('search') }}"
+ method="get">
+  <div class="col-md-18">
+    <input type="search" placeholder="Search" class="form-control" id="search-bar-input" autofocus />
+    {% if theme_meilisearch.index_uids %}
+    <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
+      {% for index_uid, index_name in theme_meilisearch.index_uids.items() %}
+      <option value="{{ index_uid }}">{{ index_name }}</option>
+      {% endfor %}
+    </select>
+    {% endif %}
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
+  {% if theme_meilisearch %}
+  <script>
+    let theSearchBar = docsSearchBar({
+      hostUrl: "{{ theme_meilisearch.host }}" ,
+      apiKey: "{{ theme_meilisearch.api_key }}" ,
+      indexUid: 'pyansys-docs-all-public',
+      inputSelector: '#search-bar-input',
+      enableDarkMode: 'auto',
+      debug: true // Set debug to true if you want to inspect the dropdown
+    });
+    document.getElementById('indexUidSelector').addEventListener('change', function() {
+      theSearchBar.indexUid = this.value;
+      index = client.index(this.value);
+      theSearchBar.inputSelector = '#docs-searchbar-suggestion';
+      });
+
+      document.getElementById('docs-searchbar-suggestion').focus();
+  </script>
+  {% endif %}
+</form>

From 976e523acd5431aa8c2efeff9a87c55a292f7f50 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 15:14:20 +0100
Subject: [PATCH 07/24] Add the styles

---
 .../components/search-field.html              | 69 +------------------
 .../static/css/breadcrumbs.css                | 59 ++++++++++++++++
 2 files changed, 60 insertions(+), 68 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 1708f3b4e..e32e08628 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -1,72 +1,5 @@
 <!-- Debugging: html_theme_options = {{ html_theme_options }} -->
-<link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"
-      />
-
-    <style>
-
-      div [data-ds-theme] .searchbox {
-          margin: auto;
-          display: block;
-          width: 600px;
-      }
-
-      .dsb-suggestions {
-          width: 580px;
-      }
-
-      .docs-searchbar-suggestion--category-header {
-          background-color: #e6eeff;
-          border-radius: 7px;
-          text-align: center;
-      }
-
-      .docs-searchbar-suggestion--subcategory-column-text {
-          color: black;
-      }
-
-      div [data-ds-theme] .searchbox input {
-          height: 32px;
-          border-radius: 8px;
-          font-size: 18px;
-          font-family: "Open Sans", sans-serif;
-          box-shadow: 0px 0px 8px darkgrey;
-      }
-
-      .docs-searchbar-footer {
-          display: none;
-      }
-
-      [class*="docs-searchbar-suggestion"] {
-          text-decoration: none;
-      }
-
-      .docs-searchbar-suggestion--highlight {
-          box-shadow: none !important;
-      }
-
-      .container {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-      }
-
-      .index-select {
-          color: #555;
-          background: #fff;
-          height: 32px;
-          border-radius: 8px;
-          font-size: 18px;
-          font-family: "Open Sans", sans-serif;
-          border: 0;
-          box-shadow: 0px 0px 8px darkgrey;
-          padding: 0 10px 0px 10px;
-      }
-
-    </style>
- </head>
- <form class="bd-search d-flex align-items-center"
+<form class="bd-search d-flex align-items-center"
  action="{{ pathto('search') }}"
  method="get">
   <div class="col-md-18">
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css
index 3aad8f252..2da5e2b42 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css
@@ -2,6 +2,7 @@
 styles exclusively for the ansys-sphinx-theme classes. */
 
 @import "ansys-sphinx-theme.css";
+@import "https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css";
 
 /*
 ############
@@ -66,4 +67,62 @@ html[data-theme="dark"] #announcement_msg :after{
 
 #announcement_msg a {
     color:#1E6DDC
+}
+
+div [data-ds-theme] .searchbox {
+    margin: auto;
+    display: block;
+    width: 600px;
+}
+
+.dsb-suggestions {
+    width: 580px;
+}
+
+.docs-searchbar-suggestion--category-header {
+    background-color: #e6eeff;
+    border-radius: 7px;
+    text-align: center;
+}
+
+.docs-searchbar-suggestion--subcategory-column-text {
+    color: black;
+}
+
+div [data-ds-theme] .searchbox input {
+    height: 32px;
+    border-radius: 8px;
+    font-size: 18px;
+    font-family: "Open Sans", sans-serif;
+    box-shadow: 0px 0px 8px darkgrey;
+}
+
+.docs-searchbar-footer {
+    display: none;
+}
+
+[class*="docs-searchbar-suggestion"] {
+    text-decoration: none;
+}
+
+.docs-searchbar-suggestion--highlight {
+    box-shadow: none !important;
+}
+
+.container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.index-select {
+    color: #555;
+    background: #fff;
+    height: 32px;
+    border-radius: 8px;
+    font-size: 18px;
+    font-family: "Open Sans", sans-serif;
+    border: 0;
+    box-shadow: 0px 0px 8px darkgrey;
+    padding: 0 10px 0px 10px;
 }
\ No newline at end of file

From 9a66b0673edd6cec64aff8d01f0145a9ee5bb3c1 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 15:16:43 +0100
Subject: [PATCH 08/24] Deploy changes to dev

---
 .github/workflows/ci_cd.yml                                   | 2 +-
 .../theme/ansys_sphinx_theme/components/search-field.html     | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/ci_cd.yml b/.github/workflows/ci_cd.yml
index 1a23db5cf..c02e5a970 100644
--- a/.github/workflows/ci_cd.yml
+++ b/.github/workflows/ci_cd.yml
@@ -51,7 +51,7 @@ jobs:
 
   doc-deploy-development:
     name: Doc dev version deploy
-    if: ${{ github.ref == 'refs/heads/main' }}
+    #if: ${{ github.ref == 'refs/heads/main' }}
     runs-on: ubuntu-latest
     needs: doc-build
     steps:
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index e32e08628..6df8e768e 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -1,7 +1,5 @@
 <!-- Debugging: html_theme_options = {{ html_theme_options }} -->
-<form class="bd-search d-flex align-items-center"
- action="{{ pathto('search') }}"
- method="get">
+<form class="bd-search d-flex align-items-center"action="{{ pathto('search') }}"method="get">
   <div class="col-md-18">
     <input type="search" placeholder="Search" class="form-control" id="search-bar-input" autofocus />
     {% if theme_meilisearch.index_uids %}

From aeea248a246f5e21d68010a6a9145033a5f2523d Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 15:50:11 +0100
Subject: [PATCH 09/24] Change the width

---
 .../theme/ansys_sphinx_theme/components/search-field.html       | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 6df8e768e..4517a37b4 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -1,6 +1,5 @@
 <!-- Debugging: html_theme_options = {{ html_theme_options }} -->
 <form class="bd-search d-flex align-items-center"action="{{ pathto('search') }}"method="get">
-  <div class="col-md-18">
     <input type="search" placeholder="Search" class="form-control" id="search-bar-input" autofocus />
     {% if theme_meilisearch.index_uids %}
     <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
@@ -9,7 +8,6 @@
       {% endfor %}
     </select>
     {% endif %}
-  </div>
   <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
   {% if theme_meilisearch %}
   <script>

From 0ee4dd9b0b27397df852ec52125883c35fad2996 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Wed, 15 Feb 2023 19:08:51 +0100
Subject: [PATCH 10/24] Get the pydata if miliesearch not present

---
 .../components/search-field.html              | 32 +++++++---
 .../static/css/breadcrumbs.css                | 59 ------------------
 .../static/css/meilisearch.css                | 60 +++++++++++++++++++
 3 files changed, 83 insertions(+), 68 deletions(-)
 create mode 100644 src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 4517a37b4..dcdd3fb00 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -1,16 +1,24 @@
 <!-- Debugging: html_theme_options = {{ html_theme_options }} -->
-<form class="bd-search d-flex align-items-center"action="{{ pathto('search') }}"method="get">
+<!-- Include the MeiliSearch CSS stylesheet -->
+{% if theme_meilisearch %}
+  <link href="{{ pathto('_static/css/meilisearch.css', 1) }}" rel="stylesheet">
+
+  <!-- Create a search bar form with a text input and a dropdown selector for the search index -->
+  <form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
     <input type="search" placeholder="Search" class="form-control" id="search-bar-input" autofocus />
+
     {% if theme_meilisearch.index_uids %}
-    <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
+      <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
       {% for index_uid, index_name in theme_meilisearch.index_uids.items() %}
-      <option value="{{ index_uid }}">{{ index_name }}</option>
+        <option value="{{ index_uid }}">{{ index_name }}</option>
       {% endfor %}
-    </select>
+      </select>
     {% endif %}
+
+  <!-- Include the MeiliSearch JavaScript library for the search bar -->
   <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
-  {% if theme_meilisearch %}
   <script>
+    // Initialize the MeiliSearch search bar with the given API key and index UID
     let theSearchBar = docsSearchBar({
       hostUrl: "{{ theme_meilisearch.host }}" ,
       apiKey: "{{ theme_meilisearch.api_key }}" ,
@@ -19,13 +27,19 @@
       enableDarkMode: 'auto',
       debug: true // Set debug to true if you want to inspect the dropdown
     });
+
+    // Listen for changes in the dropdown selector and update the index UID accordingly
     document.getElementById('indexUidSelector').addEventListener('change', function() {
       theSearchBar.indexUid = this.value;
       index = client.index(this.value);
       theSearchBar.inputSelector = '#docs-searchbar-suggestion';
-      });
+    });
 
-      document.getElementById('docs-searchbar-suggestion').focus();
+    // Set the focus on the search bar input
+    document.getElementById('docs-searchbar-suggestion').focus();
   </script>
-  {% endif %}
-</form>
+  </form>
+{% else %}
+  {%- extends "pydata_sphinx_theme/components/search-field.html" -%}
+{% endif %}
+
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css
index 2da5e2b42..3aad8f252 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/breadcrumbs.css
@@ -2,7 +2,6 @@
 styles exclusively for the ansys-sphinx-theme classes. */
 
 @import "ansys-sphinx-theme.css";
-@import "https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css";
 
 /*
 ############
@@ -67,62 +66,4 @@ html[data-theme="dark"] #announcement_msg :after{
 
 #announcement_msg a {
     color:#1E6DDC
-}
-
-div [data-ds-theme] .searchbox {
-    margin: auto;
-    display: block;
-    width: 600px;
-}
-
-.dsb-suggestions {
-    width: 580px;
-}
-
-.docs-searchbar-suggestion--category-header {
-    background-color: #e6eeff;
-    border-radius: 7px;
-    text-align: center;
-}
-
-.docs-searchbar-suggestion--subcategory-column-text {
-    color: black;
-}
-
-div [data-ds-theme] .searchbox input {
-    height: 32px;
-    border-radius: 8px;
-    font-size: 18px;
-    font-family: "Open Sans", sans-serif;
-    box-shadow: 0px 0px 8px darkgrey;
-}
-
-.docs-searchbar-footer {
-    display: none;
-}
-
-[class*="docs-searchbar-suggestion"] {
-    text-decoration: none;
-}
-
-.docs-searchbar-suggestion--highlight {
-    box-shadow: none !important;
-}
-
-.container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.index-select {
-    color: #555;
-    background: #fff;
-    height: 32px;
-    border-radius: 8px;
-    font-size: 18px;
-    font-family: "Open Sans", sans-serif;
-    border: 0;
-    box-shadow: 0px 0px 8px darkgrey;
-    padding: 0 10px 0px 10px;
 }
\ No newline at end of file
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
new file mode 100644
index 000000000..805bcff5c
--- /dev/null
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -0,0 +1,60 @@
+@import "https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css";
+
+
+div [data-ds-theme] .searchbox {
+    margin: auto;
+    display: block;
+    width: 600px;
+}
+
+.dsb-suggestions {
+    width: 580px;
+}
+
+.docs-searchbar-suggestion--category-header {
+    background-color: #e6eeff;
+    border-radius: 7px;
+    text-align: center;
+}
+
+.docs-searchbar-suggestion--subcategory-column-text {
+    color: black;
+}
+
+div [data-ds-theme] .searchbox input {
+    height: 32px;
+    border-radius: 8px;
+    font-size: 18px;
+    font-family: "Open Sans", sans-serif;
+    box-shadow: 0px 0px 8px darkgrey;
+}
+
+.docs-searchbar-footer {
+    display: none;
+}
+
+[class*="docs-searchbar-suggestion"] {
+    text-decoration: none;
+}
+
+.docs-searchbar-suggestion--highlight {
+    box-shadow: none !important;
+}
+
+.container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.index-select {
+    color: #555;
+    background: #fff;
+    height: 32px;
+    border-radius: 8px;
+    font-size: 18px;
+    font-family: "Open Sans", sans-serif;
+    border: 0;
+    box-shadow: 0px 0px 8px darkgrey;
+    padding: 0 10px 0px 10px;
+}
\ No newline at end of file

From 71c33c669c11de62f54df2d9012dd2c691453571 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Thu, 16 Feb 2023 11:06:49 +0100
Subject: [PATCH 11/24] Change the theme_options

---
 doc/source/conf.py                                | 11 ++++-------
 .../components/search-field.html                  | 15 +++++++--------
 .../theme/ansys_sphinx_theme/theme.conf           |  2 +-
 3 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/doc/source/conf.py b/doc/source/conf.py
index 686155dd7..444639534 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -5,10 +5,6 @@
 from pathlib import Path
 from typing import List
 
-from sphinx.util import logging
-
-logger = logging.getLogger(__name__)
-
 from bs4 import BeautifulSoup
 import requests
 from sphinx.builders.latex import LaTeXBuilder
@@ -50,7 +46,7 @@
     "github_version": "main",
     "doc_path": "doc/source",
 }
-logger.info("Setting custom theme options...")
+
 # specify the location of your github repo
 html_theme_options = {
     "github_url": "https://github.com/ansys/ansys-sphinx-theme",
@@ -68,13 +64,14 @@
         "json_url": f"https://{cname}/release/versions.json",
         "version_match": get_version_match(__version__),
     },
-    "meilisearch": {
+    "use_meilisearch": {
         "host": os.getenv("MEILISEARCH_HOST_NAME"),
         "api_key": os.getenv("MEILISEARCH_API_KEY", ""),
         "index_uids": {
+            "ansys-ansys-sphinx-theme-sphinx-docs": "ansys-sphinx-theme",
             "pyansys-docs-all-public": "PyAnsys",
             "pyaedt": "pyaedt",
-            "pymapdl": "ansys",
+            "pymapdl": "pymapdl",
         },
     },
 }
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index dcdd3fb00..f78a8228f 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -1,15 +1,15 @@
 <!-- Debugging: html_theme_options = {{ html_theme_options }} -->
 <!-- Include the MeiliSearch CSS stylesheet -->
-{% if theme_meilisearch %}
+{% if theme_use_meilisearch %}
   <link href="{{ pathto('_static/css/meilisearch.css', 1) }}" rel="stylesheet">
 
   <!-- Create a search bar form with a text input and a dropdown selector for the search index -->
   <form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
     <input type="search" placeholder="Search" class="form-control" id="search-bar-input" autofocus />
 
-    {% if theme_meilisearch.index_uids %}
+    {% if theme_use_meilisearch.index_uids %}
       <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
-      {% for index_uid, index_name in theme_meilisearch.index_uids.items() %}
+      {% for index_uid, index_name in theme_use_meilisearch.index_uids.items() %}
         <option value="{{ index_uid }}">{{ index_name }}</option>
       {% endfor %}
       </select>
@@ -20,15 +20,14 @@
   <script>
     // Initialize the MeiliSearch search bar with the given API key and index UID
     let theSearchBar = docsSearchBar({
-      hostUrl: "{{ theme_meilisearch.host }}" ,
-      apiKey: "{{ theme_meilisearch.api_key }}" ,
-      indexUid: 'pyansys-docs-all-public',
-      inputSelector: '#search-bar-input',
+      hostUrl: "{{ theme_use_meilisearch.host }}" ,
+      apiKey: "{{ theme_use_meilisearch.api_key }}" ,
+      indexUid: "ansys-ansys-sphinx-theme-sphinx-docs",
+      inputSelector: '#search-bar-input, #indexUidSelecto',
       enableDarkMode: 'auto',
       debug: true // Set debug to true if you want to inspect the dropdown
     });
 
-    // Listen for changes in the dropdown selector and update the index UID accordingly
     document.getElementById('indexUidSelector').addEventListener('change', function() {
       theSearchBar.indexUid = this.value;
       index = client.index(this.value);
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
index 2f5ab7f4b..023af7546 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf
@@ -12,4 +12,4 @@ hidden_icons =
 additional_breadcrumbs =
 use_edit_page_button = True
 switcher =
-meilisearch=
+use_meilisearch=

From bd9fc4e91faad0b668196956a920031fac66082b Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Thu, 16 Feb 2023 14:15:18 +0100
Subject: [PATCH 12/24] Add the search button

---
 .../components/search-field.html              |  9 ++-
 .../static/css/meilisearch.css                | 68 ++++++++++++++++++-
 2 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index f78a8228f..009e29e52 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -8,13 +8,13 @@
     <input type="search" placeholder="Search" class="form-control" id="search-bar-input" autofocus />
 
     {% if theme_use_meilisearch.index_uids %}
-      <select id="indexUidSelector" style="margin-left: 20px;" class="index-select">
+      <select id="indexUidSelector" class="index-select">
       {% for index_uid, index_name in theme_use_meilisearch.index_uids.items() %}
         <option value="{{ index_uid }}">{{ index_name }}</option>
       {% endfor %}
       </select>
     {% endif %}
-
+    <i class="fa-solid fa-magnifying-glass"></i>
   <!-- Include the MeiliSearch JavaScript library for the search bar -->
   <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
   <script>
@@ -23,15 +23,14 @@
       hostUrl: "{{ theme_use_meilisearch.host }}" ,
       apiKey: "{{ theme_use_meilisearch.api_key }}" ,
       indexUid: "ansys-ansys-sphinx-theme-sphinx-docs",
-      inputSelector: '#search-bar-input, #indexUidSelecto',
+      inputSelector: '#search-bar-input, #indexUidSelector',
       enableDarkMode: 'auto',
       debug: true // Set debug to true if you want to inspect the dropdown
     });
 
     document.getElementById('indexUidSelector').addEventListener('change', function() {
       theSearchBar.indexUid = this.value;
-      index = client.index(this.value);
-      theSearchBar.inputSelector = '#docs-searchbar-suggestion';
+      theSearchBar.inputSelector = '#docs-searchbar-suggestion, #indexUidSelector';
     });
 
     // Set the focus on the search bar input
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 805bcff5c..84fc99f20 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -1,5 +1,5 @@
 @import "https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css";
-
+@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css";
 
 div [data-ds-theme] .searchbox {
     margin: auto;
@@ -12,7 +12,7 @@ div [data-ds-theme] .searchbox {
 }
 
 .docs-searchbar-suggestion--category-header {
-    background-color: #e6eeff;
+    background-color: #d9d9d9;
     border-radius: 7px;
     text-align: center;
 }
@@ -57,4 +57,66 @@ div [data-ds-theme] .searchbox input {
     border: 0;
     box-shadow: 0px 0px 8px darkgrey;
     padding: 0 10px 0px 10px;
-}
\ No newline at end of file
+}
+
+.meilisearch-autocomplete {
+    text-align: center;
+    color: var(--pst-color-text-base);
+}
+
+#search-bar-input{
+    width: 150%;
+    background-color: var(--pst-color-background);
+    border: 1px solid var(--pst-color-border);
+    border-radius: .25rem;
+    color: var(--pst-color-text-base);
+    font-size: var(--pst-font-size-icon);
+    position: relative;
+}
+
+.meilisearch-autocomplete::before {
+  content: "\f002";
+  font-family: "Font Awesome 6 Free"; /* The Font Awesome font family */
+  position: absolute;
+  left: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 1rem;
+  color: var(--pst-color-border);
+}
+
+.index-select {
+    color: #555;
+    flex-direction: column;
+    background: #fff;
+    height: 2.5rem;
+    border-radius: 8px;
+    font-size: 20px;
+    font-family: "Open Sans", sans-serif;
+    box-shadow: 0px 0px 20px darkgrey;
+    margin-left: 13rem;
+}
+
+.meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] {
+    position: relative;
+    border: 1px solid #d9d9d9;
+    background: #fff;
+    border-radius: 4px;
+    overflow: auto;
+    padding: 0 8px 8px;
+    width: 130%;
+}
+
+.meilisearch-autocomplete .docs-searchbar-suggestion {
+    width: 130%;
+}
+
+.meilisearch-autocomplete .docs-searchbar-suggestion--highlight {
+    color: var(--pst-color-info);
+    background: var(--pst-color-background);
+    padding: 0 .05em;
+}
+
+.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column {
+    width: 50%;
+}

From 045f0ac5a773b00675aac32bb4793dfa4d90d7c8 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Thu, 16 Feb 2023 14:32:34 +0100
Subject: [PATCH 13/24] Add the first value in dict

---
 .../theme/ansys_sphinx_theme/components/search-field.html       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 009e29e52..39ea46e8e 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -22,7 +22,7 @@
     let theSearchBar = docsSearchBar({
       hostUrl: "{{ theme_use_meilisearch.host }}" ,
       apiKey: "{{ theme_use_meilisearch.api_key }}" ,
-      indexUid: "ansys-ansys-sphinx-theme-sphinx-docs",
+      indexUid: "{{ theme_use_meilisearch.index_uids.items()|first|first }}",
       inputSelector: '#search-bar-input, #indexUidSelector',
       enableDarkMode: 'auto',
       debug: true // Set debug to true if you want to inspect the dropdown

From 4eaa23f595821bc50f6316f728d9b16f62686f92 Mon Sep 17 00:00:00 2001
From: Revathy Venugopal
 <104772255+Revathyvenugopal162@users.noreply.github.com>
Date: Thu, 16 Feb 2023 14:38:18 +0100
Subject: [PATCH 14/24] Update
 src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css

---
 .../theme/ansys_sphinx_theme/static/css/meilisearch.css          | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 84fc99f20..af91c6ae3 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -72,6 +72,7 @@ div [data-ds-theme] .searchbox input {
     color: var(--pst-color-text-base);
     font-size: var(--pst-font-size-icon);
     position: relative;
+    padding-left: 3rem;
 }
 
 .meilisearch-autocomplete::before {

From cc91235ed751a9869904e9399d854523cc11241c Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 17 Feb 2023 08:53:58 +0100
Subject: [PATCH 15/24] Add the styles

---
 .../static/css/meilisearch.css                | 38 +++++++++----------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 84fc99f20..759d20243 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -12,13 +12,13 @@ div [data-ds-theme] .searchbox {
 }
 
 .docs-searchbar-suggestion--category-header {
-    background-color: #d9d9d9;
+    background-color: var(--pst-color-border);
     border-radius: 7px;
     text-align: center;
 }
 
 .docs-searchbar-suggestion--subcategory-column-text {
-    color: black;
+    color: (var(--pst-color-text-base));
 }
 
 div [data-ds-theme] .searchbox input {
@@ -47,25 +47,13 @@ div [data-ds-theme] .searchbox input {
     align-items: center;
 }
 
-.index-select {
-    color: #555;
-    background: #fff;
-    height: 32px;
-    border-radius: 8px;
-    font-size: 18px;
-    font-family: "Open Sans", sans-serif;
-    border: 0;
-    box-shadow: 0px 0px 8px darkgrey;
-    padding: 0 10px 0px 10px;
-}
-
 .meilisearch-autocomplete {
     text-align: center;
     color: var(--pst-color-text-base);
 }
 
 #search-bar-input{
-    width: 150%;
+    width: 175%;
     background-color: var(--pst-color-background);
     border: 1px solid var(--pst-color-border);
     border-radius: .25rem;
@@ -86,15 +74,14 @@ div [data-ds-theme] .searchbox input {
 }
 
 .index-select {
-    color: #555;
-    flex-direction: column;
-    background: #fff;
+    color:  var(--pst-color-text-base);
+    background: var(--pst-color-background);
     height: 2.5rem;
     border-radius: 8px;
     font-size: 20px;
     font-family: "Open Sans", sans-serif;
-    box-shadow: 0px 0px 20px darkgrey;
-    margin-left: 13rem;
+    box-shadow: 0px 0px 20px var(--pst-color-border);
+    padding: 0 10px 0px 10px;
 }
 
 .meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] {
@@ -120,3 +107,14 @@ div [data-ds-theme] .searchbox input {
 .meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column {
     width: 50%;
 }
+
+.search-button__wrapper.show form.bd-search {
+    flex-grow: 2;
+}
+
+.d-flex {
+    display: flex!important;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+}

From d96e0f864307ff976f3aeabb5d49d0e6d9685d82 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 17 Feb 2023 10:16:16 +0100
Subject: [PATCH 16/24] Add the dark theme

---
 .../theme/ansys_sphinx_theme/static/css/meilisearch.css         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 22a7301b9..a777c15c8 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -101,7 +101,7 @@ div [data-ds-theme] .searchbox input {
 
 .meilisearch-autocomplete .docs-searchbar-suggestion--highlight {
     color: var(--pst-color-info);
-    background: var(--pst-color-background);
+    background: rgb(255 255 255 / 49%);
     padding: 0 .05em;
 }
 

From 6053b4f926895e4d340168461ac9f83586b1c0eb Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 17 Feb 2023 10:33:21 +0100
Subject: [PATCH 17/24] Adjust the searchbar width

---
 doc/source/conf.py                                              | 2 --
 .../theme/ansys_sphinx_theme/static/css/meilisearch.css         | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/doc/source/conf.py b/doc/source/conf.py
index 444639534..0bd76c726 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -70,8 +70,6 @@
         "index_uids": {
             "ansys-ansys-sphinx-theme-sphinx-docs": "ansys-sphinx-theme",
             "pyansys-docs-all-public": "PyAnsys",
-            "pyaedt": "pyaedt",
-            "pymapdl": "pymapdl",
         },
     },
 }
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index a777c15c8..cc4e43e6f 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -53,7 +53,7 @@ div [data-ds-theme] .searchbox input {
 }
 
 #search-bar-input{
-    width: 175%;
+    width: 173%;
     background-color: var(--pst-color-background);
     border: 1px solid var(--pst-color-border);
     border-radius: .25rem;

From fd3f30685bfaa0b8eea01003689ed190bebd2c20 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 17 Feb 2023 11:06:04 +0100
Subject: [PATCH 18/24] Add the documenttation

---
 doc/source/conf.py                |  2 +-
 doc/source/user_guide/options.rst | 47 +++++++++++++++++++++++++++++++
 doc/styles/Vocab/ANSYS/accept.txt |  3 +-
 3 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/doc/source/conf.py b/doc/source/conf.py
index 0bd76c726..e492323d0 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -65,7 +65,7 @@
         "version_match": get_version_match(__version__),
     },
     "use_meilisearch": {
-        "host": os.getenv("MEILISEARCH_HOST_NAME"),
+        "host": os.getenv("MEILISEARCH_HOST_NAME", ""),
         "api_key": os.getenv("MEILISEARCH_API_KEY", ""),
         "index_uids": {
             "ansys-ansys-sphinx-theme-sphinx-docs": "ansys-sphinx-theme",
diff --git a/doc/source/user_guide/options.rst b/doc/source/user_guide/options.rst
index c56de8519..879c68e81 100644
--- a/doc/source/user_guide/options.rst
+++ b/doc/source/user_guide/options.rst
@@ -103,3 +103,50 @@ If you want to hide all icons, use the ``show_icons`` boolean variable:
         ...
     }
 
+Use MeiliSearch
+----------------
+
+MeiliSearch is an open-source search engine that allows developers to 
+easily integrate search functionality into their applications.
+
+To use MeiliSearch in your Sphinx project, you can add a child 
+dictionary called ``use_meilisearch`` to the ``html_theme_options``
+dictionary in the ``conf.py`` file. 
+
+This dictionary should contain the following keys:
+
+#. ``host``: The host name of your MeiliSearch instance.
+    You can set this to an environment variable using 
+    ``os.getenv()`` for added security.
+
+#. ``api_key``: The API key for your MeiliSearch instance.
+   You can also set this to an environment variable using ``os.getenv()``.
+
+#. ``index_uids``: A dictionary that maps index UID to user-friendly index names.
+   Each key-value pair represents an index, with the key
+   being the index UID and the value being the index name.
+
+Here is an example configuration for using MeiliSearch in ``conf.py`` file:
+
+.. code-block:: python
+
+    import os 
+
+    use_meilisearch = {
+        "host": os.getenv("MEILISEARCH_HOST_NAME", ""),
+        "api_key": os.getenv("MEILISEARCH_API_KEY", ""),
+        "index_uids": {
+            "index-uid of current project": "index name to be displayed",
+            "another-index-uid": "index name to be displayed"
+        }
+    }
+
+With these options set, your Sphinx project can use MeiliSearch 
+to provide search functionality for your documentation.
+
+.. note::
+
+    If you do not set the "use_meilisearch" option,
+    ansys-sphinx-theme uses the default search functionality 
+    inherited from the PyData Sphinx Theme.
+
diff --git a/doc/styles/Vocab/ANSYS/accept.txt b/doc/styles/Vocab/ANSYS/accept.txt
index 8f6c7f7b3..1f16375cf 100644
--- a/doc/styles/Vocab/ANSYS/accept.txt
+++ b/doc/styles/Vocab/ANSYS/accept.txt
@@ -3,4 +3,5 @@ Ansys
 ansys
 Ansys Sphinx Theme
 boolean
-datatable
\ No newline at end of file
+datatable
+MeiliSearch
\ No newline at end of file

From 955ce3a845fcf4cebbcf27dc01dedcabecd07ec7 Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Fri, 17 Feb 2023 11:18:50 +0100
Subject: [PATCH 19/24] Add the docstrings

---
 .../components/search-field.html              | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 39ea46e8e..9545f80a8 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -1,6 +1,6 @@
 <!-- Debugging: html_theme_options = {{ html_theme_options }} -->
-<!-- Include the MeiliSearch CSS stylesheet -->
 {% if theme_use_meilisearch %}
+  <!-- Include the MeiliSearch CSS stylesheet only if theme present -->
   <link href="{{ pathto('_static/css/meilisearch.css', 1) }}" rel="stylesheet">
 
   <!-- Create a search bar form with a text input and a dropdown selector for the search index -->
@@ -15,29 +15,31 @@
       </select>
     {% endif %}
     <i class="fa-solid fa-magnifying-glass"></i>
-  <!-- Include the MeiliSearch JavaScript library for the search bar -->
-  <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
-  <script>
-    // Initialize the MeiliSearch search bar with the given API key and index UID
-    let theSearchBar = docsSearchBar({
-      hostUrl: "{{ theme_use_meilisearch.host }}" ,
-      apiKey: "{{ theme_use_meilisearch.api_key }}" ,
-      indexUid: "{{ theme_use_meilisearch.index_uids.items()|first|first }}",
-      inputSelector: '#search-bar-input, #indexUidSelector',
-      enableDarkMode: 'auto',
-      debug: true // Set debug to true if you want to inspect the dropdown
-    });
+    <!-- Include the MeiliSearch JavaScript library for the search bar -->
+    <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
+    <script>
+      // Initialize the MeiliSearch bar with the given API key and host
+      // inspect the first value of index UID as default
+      let theSearchBar = docsSearchBar({
+        hostUrl: "{{ theme_use_meilisearch.host }}" ,
+        apiKey: "{{ theme_use_meilisearch.api_key }}" ,
+        indexUid: "{{ theme_use_meilisearch.index_uids.items()|first|first }}",
+        inputSelector: '#search-bar-input, #indexUidSelector',
+        enableDarkMode: 'auto',
+        debug: true // Set debug to true if you want to inspect the dropdown
+      });
 
-    document.getElementById('indexUidSelector').addEventListener('change', function() {
-      theSearchBar.indexUid = this.value;
-      theSearchBar.inputSelector = '#docs-searchbar-suggestion, #indexUidSelector';
-    });
+      document.getElementById('indexUidSelector').addEventListener('change', function() {
+        theSearchBar.indexUid = this.value;
+        theSearchBar.inputSelector = '#docs-searchbar-suggestion';
+      });
 
-    // Set the focus on the search bar input
-    document.getElementById('docs-searchbar-suggestion').focus();
-  </script>
+      // Set the focus on the search bar input
+      document.getElementById('docs-searchbar-suggestion').focus();
+    </script>
   </form>
 {% else %}
+  <!-- If there is no MiliSearch enabled, use the PyData search -->
   {%- extends "pydata_sphinx_theme/components/search-field.html" -%}
 {% endif %}
 

From 0e6c51e6aa4743f79c0eb030a025ca90b8cb817e Mon Sep 17 00:00:00 2001
From: Revathy Venugopal
 <104772255+Revathyvenugopal162@users.noreply.github.com>
Date: Fri, 17 Feb 2023 11:37:47 +0100
Subject: [PATCH 20/24] Update doc/source/user_guide/options.rst

Co-authored-by: Roberto Pastor Muela <37798125+RobPasMue@users.noreply.github.com>
---
 doc/source/user_guide/options.rst | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/doc/source/user_guide/options.rst b/doc/source/user_guide/options.rst
index 879c68e81..cf4303a3c 100644
--- a/doc/source/user_guide/options.rst
+++ b/doc/source/user_guide/options.rst
@@ -147,6 +147,6 @@ to provide search functionality for your documentation.
 .. note::
 
     If you do not set the "use_meilisearch" option,
-    ansys-sphinx-theme uses the default search functionality 
+    ``ansys-sphinx-theme`` uses the default search functionality 
     inherited from the PyData Sphinx Theme.
 

From 030180ff8ade54b4ede8b04200e7a87df4c53f5e Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Mon, 20 Feb 2023 12:11:28 +0100
Subject: [PATCH 21/24] Add the searchbar styling

---
 .../static/css/meilisearch.css                   | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index cc4e43e6f..754312319 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -53,7 +53,7 @@ div [data-ds-theme] .searchbox input {
 }
 
 #search-bar-input{
-    width: 173%;
+    width: 182%;
     background-color: var(--pst-color-background);
     border: 1px solid var(--pst-color-border);
     border-radius: .25rem;
@@ -75,14 +75,16 @@ div [data-ds-theme] .searchbox input {
 }
 
 .index-select {
-    color:  var(--pst-color-text-base);
+    color: var(--pst-color-text-base);
     background: var(--pst-color-background);
-    height: 2.5rem;
-    border-radius: 8px;
+    height: 3rem;
+    border: 1px solid var(--pst-color-border);
+    border-radius: .25rem;
     font-size: 20px;
     font-family: "Open Sans", sans-serif;
     box-shadow: 0px 0px 20px var(--pst-color-border);
     padding: 0 10px 0px 10px;
+    width: 25%
 }
 
 .meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] {
@@ -92,11 +94,11 @@ div [data-ds-theme] .searchbox input {
     border-radius: 4px;
     overflow: auto;
     padding: 0 8px 8px;
-    width: 130%;
+    width: 99%;
 }
 
 .meilisearch-autocomplete .docs-searchbar-suggestion {
-    width: 130%;
+    width: 99%;
 }
 
 .meilisearch-autocomplete .docs-searchbar-suggestion--highlight {
@@ -106,7 +108,7 @@ div [data-ds-theme] .searchbox input {
 }
 
 .meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column {
-    width: 50%;
+    width: 30%;
 }
 
 .search-button__wrapper.show form.bd-search {

From a8f8637ca4ef7e6a97e2412fa23e486b86ae44b4 Mon Sep 17 00:00:00 2001
From: Alex Kaszynski <akascap@gmail.com>
Date: Tue, 21 Feb 2023 00:38:59 -0700
Subject: [PATCH 22/24] Update .github/workflows/ci_cd.yml

Co-authored-by: Roberto Pastor Muela <37798125+RobPasMue@users.noreply.github.com>
---
 .github/workflows/ci_cd.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci_cd.yml b/.github/workflows/ci_cd.yml
index c02e5a970..1a23db5cf 100644
--- a/.github/workflows/ci_cd.yml
+++ b/.github/workflows/ci_cd.yml
@@ -51,7 +51,7 @@ jobs:
 
   doc-deploy-development:
     name: Doc dev version deploy
-    #if: ${{ github.ref == 'refs/heads/main' }}
+    if: ${{ github.ref == 'refs/heads/main' }}
     runs-on: ubuntu-latest
     needs: doc-build
     steps:

From 66526c8b8f3ad4d786711f8ad09c6a9088dc044f Mon Sep 17 00:00:00 2001
From: Revathyvenugopal162 <revathy.venugopal@ansys.com>
Date: Tue, 21 Feb 2023 09:53:50 +0100
Subject: [PATCH 23/24] Fix Zoom problem

---
 .../theme/ansys_sphinx_theme/static/css/meilisearch.css       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 754312319..1ad487d4c 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -84,7 +84,9 @@ div [data-ds-theme] .searchbox input {
     font-family: "Open Sans", sans-serif;
     box-shadow: 0px 0px 20px var(--pst-color-border);
     padding: 0 10px 0px 10px;
-    width: 25%
+    width: 25%;
+    position: absolute;
+    margin-left: 40rem;
 }
 
 .meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] {

From 3b550fd218ff4ecec0fe8688290fc49edea328a6 Mon Sep 17 00:00:00 2001
From: Revathy Venugopal
 <104772255+Revathyvenugopal162@users.noreply.github.com>
Date: Tue, 21 Feb 2023 10:02:59 +0100
Subject: [PATCH 24/24] Update
 src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css

---
 .../theme/ansys_sphinx_theme/static/css/meilisearch.css         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 1ad487d4c..bfe22b99b 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
@@ -86,7 +86,7 @@ div [data-ds-theme] .searchbox input {
     padding: 0 10px 0px 10px;
     width: 25%;
     position: absolute;
-    margin-left: 40rem;
+    margin-left: 41em;
 }
 
 .meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] {