diff --git a/web-ui/src/app/components/transaction-finder/transaction-finder.component.html b/web-ui/src/app/components/transaction-finder/transaction-finder.component.html
index b6d8677..5549c28 100644
--- a/web-ui/src/app/components/transaction-finder/transaction-finder.component.html
+++ b/web-ui/src/app/components/transaction-finder/transaction-finder.component.html
@@ -3,14 +3,14 @@
   <div [ngClass]="{ 'has-success': errorService.hasCorrectValue(form, 'transactionId'), 'has-error': errorService.hasWrongValue(form,
   'transactionId') }" class="form-group" >
 
-    <div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
-      <input formControlName="transactionId" type="text" id="transactionId" class="form-control" placeholder="{{ 'label.transactionId' | translate }}">
+    <div class="col-xs-10 col-sm-10 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
+      <input maxlength="64" formControlName="transactionId" type="text" id="transactionId" class="form-control" placeholder="{{ 'label.transactionId' | translate }}">
     </div>
     
     <div class="text-left col-sm-offset-2">
       <input type="submit" [disabled]="!form.valid" value="{{ 'action.find' | translate }}" class="btn btn-primary">
     </div>
-    <div [hidden]="!errorService.hasWrongValue(form, 'transactionId')" class="col-xs-4 col-sm-4 col-md-3 col-md-3">
+    <div [hidden]="!errorService.hasWrongValue(form, 'transactionId')" class="col-xs-10 col-sm-10 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
       <span class="help-block">{{ errorService.getFieldError(form, 'transactionId') | translate }}</span>
     </div>
   </div>