diff --git a/Platform/WebServer/css/docs.css b/Platform/WebServer/css/docs.css
index 1a89cbee8..4186f74ef 100644
--- a/Platform/WebServer/css/docs.css
+++ b/Platform/WebServer/css/docs.css
@@ -826,6 +826,13 @@ display: table-cell;
 width: 100%;
 }
 
+::placeholder,  /* Chrome, Firefox, Opera, Safari 10.1+ */
+:-ms-input-placeholder, /* Internet Explorer 10-11 */
+::-ms-input-placeholder { /* Microsoft Edge */
+  color: #dbdbdb;
+  opacity: 1; /* Firefox */
+}
+
 .docs-search-results-header-tabs-container {
 display: table;
 text-align: right;
diff --git a/Projects/Education/UI/Spaces/Docs-Space/MainSearchPage.js b/Projects/Education/UI/Spaces/Docs-Space/MainSearchPage.js
index be1896073..db8feff0b 100644
--- a/Projects/Education/UI/Spaces/Docs-Space/MainSearchPage.js
+++ b/Projects/Education/UI/Spaces/Docs-Space/MainSearchPage.js
@@ -22,7 +22,7 @@ function newFoundationsDocsMainSearchPage() {
         let HTML = ''
         HTML = HTML + '<div id="docs-search-page-div">'
         HTML = HTML + '<center><img src="Images/superalgos-logo.png" class="docs-image-logo-search" width=400></center>'
-        HTML = HTML + '<center><div class="docs-font-normal docs-search-box"><input class="docs-search-input" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></input></div></center>'
+        HTML = HTML + '<center><div class="docs-font-normal docs-search-box"><input class="docs-search-input" placeholder="search the docs or run a command" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></input></div></center>'
         HTML = HTML + '</div>'
         let docsContentDiv = document.getElementById('docs-content-div')
         docsContentDiv.innerHTML = HTML + UI.projects.education.spaces.docsSpace.footer.addFooter()
@@ -37,7 +37,7 @@ function newFoundationsDocsMainSearchPage() {
         HTML = HTML + '<div class="docs-search-results-header">'
         HTML = HTML + '<div class="docs-image-logo-search-results"><img src="Images/superalgos-logo.png" width=200></div>'
         HTML = HTML + '<div class="docs-search-results-box">'
-        HTML = HTML + '<input class="docs-search-input" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></input>'
+        HTML = HTML + '<input class="docs-search-input" placeholder="search the docs or run a command" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></input>'
         HTML = HTML + '</div>'
         HTML = HTML + '</div>'