diff --git a/frontend/src/features/data-quality/pages/DataQualityPage.vue b/frontend/src/features/data-quality/pages/DataQualityPage.vue
index c8b6e0d1..b5f1c4c0 100644
--- a/frontend/src/features/data-quality/pages/DataQualityPage.vue
+++ b/frontend/src/features/data-quality/pages/DataQualityPage.vue
@@ -140,3 +140,20 @@ const handleRetry = () => {
   </BatchOperationsPageV2>
 </template>
 
+<style scoped>
+.filters {
+  display: flex;
+  align-items: center;
+  gap: var(--ks-space-3);
+}
+
+.search-input {
+  min-width: 200px;
+  max-width: 350px;
+  width: 100%;
+}
+
+.status-select {
+  min-width: 150px;
+}
+</style>
diff --git a/frontend/src/shared/ui/layouts/PageLayout.vue b/frontend/src/shared/ui/layouts/PageLayout.vue
index b3acb654..62501c3d 100644
--- a/frontend/src/shared/ui/layouts/PageLayout.vue
+++ b/frontend/src/shared/ui/layouts/PageLayout.vue
@@ -93,6 +93,19 @@ const showHelp = ref(false)
   border: 1px solid var(--ks-color-border);
   border-radius: var(--ks-radius-sm);
 }
+.ks-page__filters input,
+.ks-page__filters select {
+  height: 34px;
+  padding: 0 0.75rem;
+  border: 1px solid var(--ks-color-border);
+  border-radius: 4px;
+  background-color: var(--ks-color-surface);
+  color: var(--ks-color-text);
+  font-size: 13px;
+  line-height: 34px;
+  box-sizing: border-box;
+  font-family: inherit;
+}
 .ks-page__workspace { min-width: 0; flex: 1; display: grid; min-height: 0; gap: var(--ks-space-4); }
 .ks-page__workspace.has-aside { grid-template-columns: minmax(0, 1fr) var(--ks-aside-width); }
 .ks-page__content, .ks-page__aside { min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; }