diff --git a/doc/changelog.d/562.dependencies.md b/doc/changelog.d/562.dependencies.md
new file mode 100644
index 00000000..fd0597bb
--- /dev/null
+++ b/doc/changelog.d/562.dependencies.md
@@ -0,0 +1 @@
+chore(deps): update pydata-sphinx-theme requirement from <0.16,>=0.15.4 to >=0.15.4,<0.17
\ No newline at end of file
diff --git a/pyproject.toml b/pyproject.toml
index a59f24a4..8b5e3712 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -24,7 +24,7 @@ classifiers = [
 ]
 dependencies = [
     "Sphinx>=4.2.0",
-    "pydata-sphinx-theme>=0.15.4,<0.16",
+    "pydata-sphinx-theme>=0.15.4,<0.17",
     "Jinja2>=3.1.2",
     "importlib-metadata>=4.0",
     "pdf2image>=1.17.0",
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/breadcrumbs.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/breadcrumbs.html
index 22433145..bac8406b 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/breadcrumbs.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/breadcrumbs.html
@@ -40,7 +40,7 @@
     <li class="breadcrumb-item">{{ doc.title }}</li>
     {% endif %} {%- endfor %} {# Current page title #} {% if title and pagename
     != root_doc %}
-    <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
+    <li class="breadcrumb-item active" aria-current="page"><span class="ellipsis">{{ title }}</span></li>
     {% endif %}
   </ul>
 </nav>
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-button-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-button-field.html
index 5ab2824b..32e26e83 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-button-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-button-field.html
@@ -1,5 +1,5 @@
 
-<div class="search-bar" id="search-bar">
+<div class="search-bar pst-js-only" id="search-bar">
     <form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
       <i class="fa-solid fa-magnifying-glass"></i>
       <input type="search" class="form-control" name="q" placeholder="{{ theme_search_bar_text }}"
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ast-search.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ast-search.css
index 6963fba3..8ab9f6ae 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ast-search.css
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ast-search.css
@@ -49,6 +49,9 @@ html[data-theme="light"] .highlight {
   color: var(--ast-highlight-color);
 }
 
+.bd-search input.form-control,
+.bd-search input.form-control:focus,
+.bd-search input.form-control:focus-visible,
 .form-control:focus,
 .form-control:focus-visible,
 .form-control {
@@ -100,7 +103,8 @@ html[data-theme="light"] .highlight {
   color: var(--ast-search-bar-enable-text);
 }
 
-.form-control:focus {
+.form-control:focus,
+.bd-search:focus-within {
   box-shadow: none;
 }
 
@@ -118,7 +122,7 @@ html[data-theme="light"] .highlight {
   margin-bottom: 0px;
 }
 
-.bd-search input.expanded {
+.bd-search input.form-control.expanded {
   width: 600px;
 }
 
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/js/search.js b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/js/search.js
index 52ffd4b8..a01ba749 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/js/search.js
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/js/search.js
@@ -1,5 +1,5 @@
 const SEARCH_BAR = document.getElementById("search-bar");
-const SEARCH_INPUT = SEARCH_BAR.querySelector(".bd-search input");
+const SEARCH_INPUT = SEARCH_BAR.querySelector(".bd-search input.form-control");
 const RESULTS = document.getElementById("search-results");
 const MAIN_PAGE_CONTENT = document.querySelector(".bd-main");
 let CURRENT_INDEX = -1;