diff --git a/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Kernel.tsx b/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Kernel.tsx
index f0ade803ff96b626f4be3e96527e4f8b257c1c6b..8101f5683e2509e40f5703e8e895c3cda5431775 100644
--- a/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Kernel.tsx
+++ b/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Kernel.tsx
@@ -281,6 +281,9 @@ export const Kernel: React.FC<IProps> = (props) => {
                       onChange={onSearchKernelChanged}
                       type="search"
                       label="Search by Name"
+                      inputProps={{
+                        maxLength: 200
+                      }}
                     />
                   </Grid>
                   {deviceTarget === 'Ascend' ?
@@ -292,6 +295,9 @@ export const Kernel: React.FC<IProps> = (props) => {
                           onChange={onSearchOpChanged}
                           type="search"
                           label="Search by Step Id"
+                          inputProps={{
+                            maxLength: 200
+                          }}
                         />
                       </Grid>)
                     :
@@ -303,6 +309,9 @@ export const Kernel: React.FC<IProps> = (props) => {
                           onChange={onSearchOpChanged}
                           type="search"
                           label="Search by Operator Name"
+                          inputProps={{
+                            maxLength: 200
+                          }}
                         />
                       </Grid>)
                   }
diff --git a/plugins/tensorboard-plugins/tb_plugin/fe/src/components/MemoryView.tsx b/plugins/tensorboard-plugins/tb_plugin/fe/src/components/MemoryView.tsx
index 8ab809412a6d2dc03db0baa947b12e9accaa8ada..2d29cf8e0e047e1dbc092b89eb022451000d5ffb 100644
--- a/plugins/tensorboard-plugins/tb_plugin/fe/src/components/MemoryView.tsx
+++ b/plugins/tensorboard-plugins/tb_plugin/fe/src/components/MemoryView.tsx
@@ -481,6 +481,9 @@ export const MemoryView: React.FC<IProps> = React.memo((props) => {
                           onChange={onSearchEventOperatorChanged}
                           type="search"
                           label="Search by Name"
+                          inputProps={{
+                            maxLength: 200
+                          }}
                         />
                       </Grid>
                     </Grid>
@@ -560,6 +563,9 @@ export const MemoryView: React.FC<IProps> = React.memo((props) => {
                       onChange={onSearchOperatorChanged}
                       type="search"
                       label="Search by Name"
+                      inputProps={{
+                        maxLength: 200
+                      }}
                     />
                   </Grid>
                 </Grid>
diff --git a/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Operator.tsx b/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Operator.tsx
index 956bc4e38fcf96f270722b534d8d4c75d4924842..7278ca59c938874b85b2a52abbb36c59f924373b 100644
--- a/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Operator.tsx
+++ b/plugins/tensorboard-plugins/tb_plugin/fe/src/components/Operator.tsx
@@ -300,6 +300,9 @@ export const Operator: React.FC<IProps> = (props) => {
                       onChange={onSearchOperatorChanged}
                       type="search"
                       label="Search by Name"
+                      inputProps={{
+                        maxLength: 200
+                      }}
                     />
                   </Grid>
                 </Grid>