diff --git a/app/components/log_search_component.html.erb b/app/components/log_search_component.html.erb
new file mode 100644
index 000000000..24890405b
--- /dev/null
+++ b/app/components/log_search_component.html.erb
@@ -0,0 +1,16 @@
+<%= form_with model: @case_logs, url: "/logs", method: "get", local: true do |f| %>
+<div class="app-search govuk-!-margin-bottom-4">
+  <div class="govuk-form-group app-search__form-group">
+    <label class="govuk-label govuk-!-margin-bottom-2" for="search-field">
+      <%= label %>
+    </label>
+
+    <input class="govuk-input app-search__input" id="search-field" name="search-field" type="search" autocomplete="off">
+  </div>
+
+  <button class="govuk-button app-search__button undefined" data-module="govuk-button">
+    Search
+  </button>
+
+</div>
+<% end %>
diff --git a/app/components/log_search_component.rb b/app/components/log_search_component.rb
new file mode 100644
index 000000000..77e5c4f9e
--- /dev/null
+++ b/app/components/log_search_component.rb
@@ -0,0 +1,9 @@
+class LogSearchComponent < ViewComponent::Base
+  attr_reader :current_user, :label
+
+  def initialize(current_user:, label:)
+    @current_user = current_user
+    @label = label
+    super
+  end
+end