diff --git a/src/components/Inputgroup.tsx b/src/components/Inputgroup.tsx
index cc06015..eb62bbd 100644
--- a/src/components/Inputgroup.tsx
+++ b/src/components/Inputgroup.tsx
@@ -14,7 +14,7 @@ export type Props = {
   children?: React.ReactNode | React.ReactNode[];
 } & React.HTMLProps<HTMLDivElement>;
 
-const Inputgroup = ({ children }: Props) => {
+const Inputgroup = ({ children, className }: Props) => {
   const [focused, setFocused] = useState(false);
   useEffect(() => {}, [focused]);
   const arrChildren = React.Children.toArray(children);
@@ -23,7 +23,8 @@ const Inputgroup = ({ children }: Props) => {
     <div
       className={classNames(
         "border border-gray-200 rounded flex items-center p-1 m-4",
-        focused ? "border-gray-900" : "border-gray-300"
+        focused ? "border-gray-900" : "border-gray-300",
+        className
       )}
     >
       {arrChildren.map((e) => {