diff --git a/resources/views/components/docs/search-page.blade.php b/resources/views/components/docs/search-page.blade.php
index fe1f8535..0da3acdb 100644
--- a/resources/views/components/docs/search-page.blade.php
+++ b/resources/views/components/docs/search-page.blade.php
@@ -1,41 +1,3 @@
 <h1>Search the documentation</h1>
 
-<style>
-	#search-input {
-		font-size: 16px;
-		line-height: 1.5;
-		padding: 6px 10px;
-		background-color: #eee;
-		color: #000
-	}
-	.hyde-search-context {
-		margin-bottom: 10px;
-	}
-	.dark #search-input {
-		background-color: #333;
-		color: #fff;
-	}
-	.dark .hyde-search-context mark.search-highlight {
-		background-color: rgba(255, 255, 0, 0.75);
-	}
-</style>
-
-<div id="hyde-search">
-    <noscript>
-        The search feature requires JavaScript to be enabled in your browser.
-    </noscript>
-    <input type="search" name="search" id="search-input" placeholder="Search..." autocomplete="off" autofocus>
-</div>
-
-@once('scripts')
-<script src="https://cdn.jsdelivr.net/npm/hydesearch@0.2.1/dist/HydeSearch.min.js" defer></script>
-
-<script>
-    window.addEventListener('load', function() {
-        const searchIndexLocation = 'search.json';
-        const Search = new HydeSearch(searchIndexLocation);
-
-        Search.init();
-    });
-</script>
-@endonce
\ No newline at end of file
+@include('hyde::components.docs.search-widget')
\ No newline at end of file
diff --git a/resources/views/components/docs/search-widget.blade.php b/resources/views/components/docs/search-widget.blade.php
new file mode 100644
index 00000000..8673e5eb
--- /dev/null
+++ b/resources/views/components/docs/search-widget.blade.php
@@ -0,0 +1,39 @@
+<style>
+	#search-input {
+		font-size: 16px;
+		line-height: 1.5;
+		padding: 6px 10px;
+		background-color: #eee;
+		color: #000
+	}
+	.hyde-search-context {
+		margin-bottom: 10px;
+	}
+	.dark #search-input {
+		background-color: #333;
+		color: #fff;
+	}
+	.dark .hyde-search-context mark.search-highlight {
+		background-color: rgba(255, 255, 0, 0.75);
+	}
+</style>
+
+<div id="hyde-search">
+    <noscript>
+        The search feature requires JavaScript to be enabled in your browser.
+    </noscript>
+    <input type="search" name="search" id="search-input" placeholder="Search..." autocomplete="off" autofocus>
+</div>
+
+@once('scripts')
+<script src="https://cdn.jsdelivr.net/npm/hydesearch@0.2.1/dist/HydeSearch.min.js" defer></script>
+
+<script>
+    window.addEventListener('load', function() {
+        const searchIndexLocation = 'search.json';
+        const Search = new HydeSearch(searchIndexLocation);
+
+        Search.init();
+    });
+</script>
+@endonce
\ No newline at end of file