diff --git a/apps/meteor/client/views/admin/permissions/PermissionsTable/PermissionsTableFilter.tsx b/apps/meteor/client/views/admin/permissions/PermissionsTable/PermissionsTableFilter.tsx
index 665903d0a9340..0ece8a26f16d7 100644
--- a/apps/meteor/client/views/admin/permissions/PermissionsTable/PermissionsTableFilter.tsx
+++ b/apps/meteor/client/views/admin/permissions/PermissionsTable/PermissionsTableFilter.tsx
@@ -4,6 +4,10 @@ import type { ChangeEvent } from 'react';
 import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
+/**
+ *
+ * TODO: Replaced this by FilterByText, it has the same render
+ */
 const PermissionsTableFilter = ({ onChange }: { onChange: (debouncedFilter: string) => void }) => {
 	const { t } = useTranslation();
 	const [filter, setFilter] = useState('');
@@ -17,7 +21,11 @@ const PermissionsTableFilter = ({ onChange }: { onChange: (debouncedFilter: stri
 		setFilter(value);
 	});
 
-	return <TextInput value={filter} onChange={handleFilter} placeholder={t('Search')} addon={<Icon name='magnifier' size='x20' />} />;
+	return (
+		<div>
+			<TextInput value={filter} onChange={handleFilter} placeholder={t('Search')} addon={<Icon name='magnifier' size='x20' />} />
+		</div>
+	);
 };
 
 export default PermissionsTableFilter;
diff --git a/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap b/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
index dceef66908f49..c46cfb931ab85 100644
--- a/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
+++ b/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
@@ -6,27 +6,29 @@ exports[`renders Default without crashing 1`] = `
     <div
       class="rcx-box rcx-box--full rcx-css-9x4qdd"
     >
-      <label
-        class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper rcx-css-cnkcl9"
-      >
-        <input
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box--type-text rcx-input-box"
-          placeholder="Search"
-          size="1"
-          type="text"
-          value=""
-        />
-        <span
-          class="rcx-box rcx-box--full rcx-input-box__addon"
+      <div>
+        <label
+          class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper rcx-css-cnkcl9"
         >
-          <i
-            aria-hidden="true"
-            class="rcx-box rcx-box--full rcx-icon--name-magnifier rcx-icon rcx-css-4pvxx3"
+          <input
+            class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box--type-text rcx-input-box"
+            placeholder="Search"
+            size="1"
+            type="text"
+            value=""
+          />
+          <span
+            class="rcx-box rcx-box--full rcx-input-box__addon"
           >
-            
-          </i>
-        </span>
-      </label>
+            <i
+              aria-hidden="true"
+              class="rcx-box rcx-box--full rcx-icon--name-magnifier rcx-icon rcx-css-4pvxx3"
+            >
+              
+            </i>
+          </span>
+        </label>
+      </div>
       <div
         class="rcx-box rcx-box--full rcx-css-h9m6k6"
       >
@@ -1191,27 +1193,29 @@ exports[`renders Empty without crashing 1`] = `
     <div
       class="rcx-box rcx-box--full rcx-css-9x4qdd"
     >
-      <label
-        class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper rcx-css-cnkcl9"
-      >
-        <input
-          class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box--type-text rcx-input-box"
-          placeholder="Search"
-          size="1"
-          type="text"
-          value=""
-        />
-        <span
-          class="rcx-box rcx-box--full rcx-input-box__addon"
+      <div>
+        <label
+          class="rcx-box rcx-box--full rcx-label rcx-box rcx-box--full rcx-box--animated rcx-input-box__wrapper rcx-css-cnkcl9"
         >
-          <i
-            aria-hidden="true"
-            class="rcx-box rcx-box--full rcx-icon--name-magnifier rcx-icon rcx-css-4pvxx3"
+          <input
+            class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box--type-text rcx-input-box"
+            placeholder="Search"
+            size="1"
+            type="text"
+            value=""
+          />
+          <span
+            class="rcx-box rcx-box--full rcx-input-box__addon"
           >
-            
-          </i>
-        </span>
-      </label>
+            <i
+              aria-hidden="true"
+              class="rcx-box rcx-box--full rcx-icon--name-magnifier rcx-icon rcx-css-4pvxx3"
+            >
+              
+            </i>
+          </span>
+        </label>
+      </div>
       <div
         class="rcx-box rcx-box--full rcx-css-1wg1u9h"
       >