diff --git a/src/components/atoms/form.tsx b/src/components/atoms/form.tsx
new file mode 100644
index 00000000..56a105b3
--- /dev/null
+++ b/src/components/atoms/form.tsx
@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+
+export const NavBarForm = styled.form`
+    flex: 1px;
+    margin-left: 5px;
+    margin-right: 5px;
+    position: relative;
+`;
+
+export const NavBarInput = styled.input`
+  box-sizing: border-box;
+  outline: none;
+  width: 100%;
+  height: 24px;
+  border-radius: 12px;
+  border: none;
+  padding-left: 12px;
+  padding-right: 40px;
+`;