diff --git a/libs/components/src/search/search.component.html b/libs/components/src/search/search.component.html
index 00ccbb9b058..b1b92fb151a 100644
--- a/libs/components/src/search/search.component.html
+++ b/libs/components/src/search/search.component.html
@@ -17,15 +17,15 @@
     bitInput
     [type]="inputType"
     [id]="id"
-    [placeholder]="placeholder ?? ('search' | i18n)"
+    [placeholder]="placeholder() ?? ('search' | i18n)"
     class="tw-ps-9"
     name="searchText"
     [ngModel]="searchText"
     (ngModelChange)="onChange($event)"
     (focus)="isInputFocused.set(true)"
     (blur)="isInputFocused.set(false); onTouch()"
-    [disabled]="disabled"
-    [attr.autocomplete]="autocomplete"
+    [disabled]="disabled()"
+    [attr.autocomplete]="autocomplete()"
   />
   <button
     *ngIf="searchText && showResetButton()"
diff --git a/libs/components/src/search/search.component.ts b/libs/components/src/search/search.component.ts
index 84730c76eed..c6c5f2757dd 100644
--- a/libs/components/src/search/search.component.ts
+++ b/libs/components/src/search/search.component.ts
@@ -1,7 +1,7 @@
 // FIXME: Update this file to be type safe and remove this and next line
 // @ts-strict-ignore
 import { NgIf, NgClass } from "@angular/common";
-import { Component, ElementRef, Input, ViewChild, signal, computed } from "@angular/core";
+import { Component, ElementRef, ViewChild, input, model, signal, computed } from "@angular/core";
 import {
   ControlValueAccessor,
   NG_VALUE_ACCESSOR,
@@ -52,9 +52,9 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
 
   protected showResetButton = computed(() => this.isInputFocused() || this.isFormHovered());
 
-  @Input() disabled: boolean;
-  @Input() placeholder: string;
-  @Input() autocomplete: string;
+  readonly disabled = model<boolean>();
+  readonly placeholder = input<string>();
+  readonly autocomplete = input<string>();
 
   getFocusTarget() {
     return this.input?.nativeElement;
@@ -94,6 +94,6 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
   }
 
   setDisabledState(isDisabled: boolean) {
-    this.disabled = isDisabled;
+    this.disabled.set(isDisabled);
   }
 }