diff --git a/components/search/onesearch/suggestion.tsx b/components/search/onesearch/suggestion.tsx
new file mode 100644
index 0000000..6051a52
--- /dev/null
+++ b/components/search/onesearch/suggestion.tsx
@@ -0,0 +1,7 @@
+export default function(props: { children: React.ReactNode }) {
+    return (
+        <div>
+            <p>{props.children}</p>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/components/search/onesearch/suggestionBox.tsx b/components/search/onesearch/suggestionBox.tsx
new file mode 100644
index 0000000..f4224b5
--- /dev/null
+++ b/components/search/onesearch/suggestionBox.tsx
@@ -0,0 +1,7 @@
+export default function(props: { children: React.ReactNode }) {
+    return (
+        <div className="relative w-11/12 sm:w-[700px] h-auto left-1/2 translate-x-[-50%] top-72 z-10">
+            {props.children}
+        </div>
+    );
+}