diff --git a/src/app/clients/clients.component.html b/src/app/clients/clients.component.html
index 6dfc9c0f2c..4606a3377e 100644
--- a/src/app/clients/clients.component.html
+++ b/src/app/clients/clients.component.html
@@ -1,6 +1,6 @@
 <mat-card class="container">
   <div class="layout-column layout-gt-sm-row align-gt-sm-start-center">
-    <div class="search-box m-r-30">
+    <div class="search-box">
       <mat-form-field class="search-box">
         <input
           matInput
@@ -9,9 +9,7 @@
           (keydown.enter)="search($event.target.value)"
         />
       </mat-form-field>
-    </div>
-    <div class="filter-box" *ngIf="existsClientsToFilter">
-      <mat-checkbox #showClosedAccounts labelPosition="after" class="m-r-10"
+      <mat-checkbox #showClosedAccounts labelPosition="after" class="m-r-10" *ngIf="existsClientsToFilter"
         >{{ 'labels.inputs.Show Closed Accounts' | translate }}
       </mat-checkbox>
     </div>
diff --git a/src/app/clients/clients.component.scss b/src/app/clients/clients.component.scss
index 08ccfe5cef..744dc6b374 100644
--- a/src/app/clients/clients.component.scss
+++ b/src/app/clients/clients.component.scss
@@ -1 +1,21 @@
 @use '../shared/styles/list-layout' as *;
+
+.layout-column.layout-gt-sm-row.align-gt-sm-start-center {
+  align-items: center;
+
+  .search-box {
+    align-items: center;
+
+    mat-checkbox {
+      transform: translateY(-14px);
+    }
+  }
+
+  .action-button {
+    align-items: center;
+
+    button {
+      transform: translateY(-14px);
+    }
+  }
+}