diff --git a/src/javascript/components/main_app/tabpanel_plot_elements/SubscriptionElement.js b/src/javascript/components/main_app/tabpanel_plot_elements/SubscriptionElement.js
new file mode 100644
index 0000000..45d1d3c
--- /dev/null
+++ b/src/javascript/components/main_app/tabpanel_plot_elements/SubscriptionElement.js
@@ -0,0 +1,61 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import TextField from '@material-ui/core/TextField';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Icon from "@material-ui/core/Icon";
+
+export default function FormDialog() {
+    const [open, setOpen] = React.useState(false);
+
+    function handleClickOpen() {
+        setOpen(true);
+    }
+
+    function handleClose() {
+        setOpen(false);
+    }
+
+    return (
+        <div>
+            <Button variant="contained" style={{
+                borderRadius: 35,
+                backgroundColor: "#e0e0e0",
+                padding: "8px 26px",
+                fontSize: "18px",
+                color:"#000000"
+            }}
+                onClick={handleClickOpen}>
+                <Icon className='material-icons-outlined'>mail_outline</Icon>
+                &#160; Subscribe
+            </Button>
+            <Dialog open={open} onClose={handleClose} aria-labelledby="form-dialog-title">
+                <DialogTitle id="form-dialog-title">Subscribe</DialogTitle>
+                <DialogContent>
+                    <DialogContentText>
+                        Please enter your email address to let us know were should we send statistics changes.
+                    </DialogContentText>
+                    <TextField
+                        autoFocus
+                        margin="dense"
+                        id="name"
+                        label="Email Address"
+                        type="email"
+                        fullWidth
+                    />
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={handleClose} color="primary">
+                        Cancel
+                    </Button>
+                    <Button onClick={handleClose} color="primary">
+                        Subscribe
+                    </Button>
+                </DialogActions>
+            </Dialog>
+        </div>
+    );
+}