diff --git a/growbros-frontend/src/components/Grandma.tsx b/growbros-frontend/src/components/Grandma.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c582a61c491fa11e2f445cf7e70a10e0de3ee10d
--- /dev/null
+++ b/growbros-frontend/src/components/Grandma.tsx
@@ -0,0 +1,12 @@
+function Grandma(props: any) {
+  const grandmaInfo: String = props.grandmaInfo;
+
+  return (
+    <div>
+      <img src="../../public/recources/images/Grandma.png"></img>
+      <div className="grandmaInfo">{grandmaInfo}</div>
+    </div>
+  );
+}
+
+export default Grandma;
diff --git a/growbros-frontend/src/stylesheets/FilterPage.css b/growbros-frontend/src/stylesheets/FilterPage.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391