diff --git a/resources/assets/js/views/banking/transactions.js b/resources/assets/js/views/banking/transactions.js
index 93372eb1a..78fd80986 100644
--- a/resources/assets/js/views/banking/transactions.js
+++ b/resources/assets/js/views/banking/transactions.js
@@ -21,4 +21,11 @@ const app = new Vue({
     mixins: [
         Global
     ],
+
+    data: function () {
+        return {
+            form: new Form('transaction'),
+        }
+    },
+
 });
diff --git a/resources/views/banking/transactions/index.blade.php b/resources/views/banking/transactions/index.blade.php
index 1dd9fc230..b9c749f35 100644
--- a/resources/views/banking/transactions/index.blade.php
+++ b/resources/views/banking/transactions/index.blade.php
@@ -17,17 +17,15 @@
     <div class="card">
         <div class="card-header border-bottom-0">
             {!! Form::open([
+                'method' => 'GET',
                 'route' => 'transactions.index',
                 'role' => 'form',
-                'method' => 'GET',
                 'class' => 'mb-0'
             ]) !!}
-                <div class="row">
-                    <div class="col-12 d-flex align-items-center">
-                        <span class="font-weight-400 d-none d-lg-block mr-2">{{ trans('general.search') }}:</span>
-                        <akaunting-search></akaunting-search>
-                    </div>
-                </div>
+                <akaunting-search
+                    :placeholder="'{{ trans('general.search_placeholder') }}'"
+                    :options="{{ json_encode([]) }}"
+                ></akaunting-search>
             {!! Form::close() !!}
         </div>