diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 9e95bc5..9828176 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -7,7 +7,7 @@
 
 <div class="container navbar">
 	<div class="row">
-		<input type="text" bind:value={searchterm} placeholder="Search Pages (Alpha)..." />
+		<input class="box-shadow-inverted" type="text" bind:value={searchterm} placeholder="Search Pages (Alpha)..." />
 		<div class="col-md-12">
 			<h2>Pages</h2>
 			<div class="navbar-links">
diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index ae66673..0bc5cb6 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -94,6 +94,10 @@ ul {
 	box-shadow: 2px 2px var(--box-shadow-color);
 }
 
+.box-shadow-inverted {
+	box-shadow: inset 2px 2px var(--box-shadow-color);
+}
+
 .row:after {
 	content: "";
 	display: table;