diff --git a/client/src/components/dataButton.js b/client/src/components/dataButton.js
new file mode 100644
index 0000000..0653a2a
--- /dev/null
+++ b/client/src/components/dataButton.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+export default function DataButton(props) {
+
+    return (
+        <button>
+            {props.label}
+        </button>
+    );
+
+}
\ No newline at end of file
diff --git a/client/src/components/dataButtonHolder.js b/client/src/components/dataButtonHolder.js
new file mode 100644
index 0000000..1d57eb1
--- /dev/null
+++ b/client/src/components/dataButtonHolder.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+
+export default function DataButtonHolder(props) {
+    return(
+        <Container fluid>
+
+            <Row className="d-flex flex-row justify-content-center align-items-center">
+                
+                {props.children}
+            
+            </Row>
+
+        </Container>
+    );
+}
\ No newline at end of file