diff --git a/packages/common/business_components/src/ui/search_form_right/index.tsx b/packages/common/business_components/src/ui/search_form_right/index.tsx
index fda7eefd6..f5a92dde7 100644
--- a/packages/common/business_components/src/ui/search_form_right/index.tsx
+++ b/packages/common/business_components/src/ui/search_form_right/index.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 
-function SearchFormRight(props: {children: React.ReactNode}) {
+function SearchFormRight(props: {children: React.ReactNode, className?: string}) {
   return (
-    <div className="w-1/12 mx-5 flex flex-col items-center justify-center space-x-2">
+    <div className={props.className?props.className:`w-1/12 mx-5 flex flex-col items-center justify-center space-x-2 `}>
         {props.children}
     </div>
   )