diff --git a/css/search-box.css b/css/search-box.css
index a9c18f3..84dedd7 100644
--- a/css/search-box.css
+++ b/css/search-box.css
@@ -28,6 +28,10 @@
 				pointer-events var(--transition-speed);
 }
 
+#searchBox::placeholder {
+	font-family: roboto-bold, fantasque-sans-mono;
+}
+
 .showSearchBox {
 	opacity: 1 !important;
 	top: 100% !important;
diff --git a/css/style.css b/css/style.css
index 7bf652e..613a765 100644
--- a/css/style.css
+++ b/css/style.css
@@ -107,6 +107,12 @@ html, body {
        url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
 }
 
+@font-face {
+	font-family: 'fantasque-sans-mono';
+	font-style: normal;
+	src: url('../fonts/fantasque-sans-mono-bold-italic-nerd-font-complete.ttf');
+}
+
 /*Scrollbar*/
 
 /*Placeholder*/
diff --git a/css/web-menu.css b/css/web-menu.css
index 97e7ad4..cd8073c 100644
--- a/css/web-menu.css
+++ b/css/web-menu.css
@@ -80,6 +80,10 @@
 	margin: 0;
 }
 
+#webMenuSearchBox::placeholder {
+	font-family: roboto-bold, fantasque-sans-mono;
+}
+
 @media screen and (max-width: 580px) {
 	#webMenuSearchBox {
 		width: 50vw;
diff --git a/fonts/fantasque-sans-mono-bold-italic-nerd-font-complete.ttf b/fonts/fantasque-sans-mono-bold-italic-nerd-font-complete.ttf
new file mode 100644
index 0000000..9e0ed66
Binary files /dev/null and b/fonts/fantasque-sans-mono-bold-italic-nerd-font-complete.ttf differ
diff --git a/index.html b/index.html
index a9c01ff..f87f129 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,7 @@
 		<div id='profileImageContainer'>
 			<div id='profileImage'></div>
 		</div>
-		<input type="text" id="searchBox" autocomplete="off" autofocus="off" placeholder="Type to search"/>
+		<input type="text" id="searchBox" autocomplete="off" autofocus="off" placeholder="  Search with HiddenWiki"/>
 	</div>
 
 
@@ -204,7 +204,7 @@
 	<div id="webMenu">
 		<div id="webMenuContainer">
 			<div id="webMenuSearchBoxContainer">
-				<input type="text" id="webMenuSearchBox" autocomplete="off" placeholder="Type to search">
+				<input type="text" id="webMenuSearchBox" autocomplete="off" placeholder="  Type to search">
 			</div>
 			<div id="webMenuListContainer">
 
diff --git a/js/search-engine-settings.js b/js/search-engine-settings.js
index cc021c5..0238cb8 100644
--- a/js/search-engine-settings.js
+++ b/js/search-engine-settings.js
@@ -9,32 +9,34 @@ var defaultEngine = localStorage.getItem('searchEngine') || 'google';
 
 let searchQueryPrefix;
 
+var placeholderPrefix = "  Search with ";
+
 // Update query string and placeholder
 const selectQueryString = () => {
 
 	if (defaultEngine === "google") {
 		searchQueryPrefix = 'http://www.google.com/search?q=';
-		searchBox.placeholder = "Search with Google";
+		searchBox.placeholder = placeholderPrefix + "Google";
 
 	} else if (defaultEngine === "duckduckgo") {
 		searchQueryPrefix = 'https://duckduckgo.com/?q=';
-		searchBox.placeholder = "Search with Duckduckgo";
+		searchBox.placeholder = placeholderPrefix + "Duckduckgo";
 
 	} else if (defaultEngine === "ecosia") {
 		searchQueryPrefix = 'https://www.ecosia.org/search?q=';
-		searchBox.placeholder = "Search with Ecosia";
+		searchBox.placeholder = placeholderPrefix + "Ecosia";
 
 	} else if (defaultEngine === "yahoo") {
 		searchQueryPrefix = 'http://search.yahoo.com/search?p=';
-		searchBox.placeholder = "Search with Yahoo";
+		searchBox.placeholder = placeholderPrefix + "Yahoo";
 
 	} else if (defaultEngine === "bing") {
 		searchQueryPrefix = 'https://www.bing.com/search?q=';
-		searchBox.placeholder = "Search with Bing";
+		searchBox.placeholder = placeholderPrefix + "Bing";
 	
 	} else {
 		searchQueryPrefix = 'http://www.google.com/search?q=';
-		searchBox.placeholder = "Search with Google";
+		searchBox.placeholder = placeholderPrefix + "Google";
 	}
 
 }