diff --git a/packages/app/src/components/CommentCreator/index.jsx b/packages/app/src/components/CommentCreator/index.jsx
new file mode 100644
index 00000000..488f488b
--- /dev/null
+++ b/packages/app/src/components/CommentCreator/index.jsx
@@ -0,0 +1,13 @@
+import React from "react"
+import * as antd from "antd"
+
+import "./index.less"
+
+export default (props) => {
+    return <div className="commentCreator">
+        <antd.Input.TextArea
+            placeholder="Write a comment..."
+            autoSize={{ minRows: 2, maxRows: 5 }}
+        />
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/components/CommentCreator/index.less b/packages/app/src/components/CommentCreator/index.less
new file mode 100644
index 00000000..149056c2
--- /dev/null
+++ b/packages/app/src/components/CommentCreator/index.less
@@ -0,0 +1,22 @@
+.commentCreator {
+    display: flex;
+
+    flex-direction: column;
+
+    align-items: right;
+
+    width: 100%;
+    height: 100%;
+
+    .ant-input {
+        background-color: var(--background-color-accent) !important;
+
+        border: none !important;
+        outline: none !important;
+    }
+
+    .ant-btn {
+        width: fit-content;
+        margin-top: 20px;
+    }
+}
\ No newline at end of file