diff --git a/client/assets/facebook-round.svg b/client/assets/facebook-round.svg
index a9d6b33e8..34c931e89 100644
--- a/client/assets/facebook-round.svg
+++ b/client/assets/facebook-round.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd">
   <path 
     d="M1667 0c920 0 1667 746 1667 1667 0 920-746 1667-1667 1667C747 3334 0 2588 0 1667 0 747 746 0 1667 0zm186 1117h311V744h-311c-240 0-435 195-435 435v186h-249v373h249v994h373v-994h311l62-373h-373v-186c0-34 28-62 62-62z"
-    fill="#FFFFFF"
+    fill="currentColor"
   />
 </svg>
\ No newline at end of file
diff --git a/client/assets/twitter-round.svg b/client/assets/twitter-round.svg
index af18df7f0..cf7f26671 100644
--- a/client/assets/twitter-round.svg
+++ b/client/assets/twitter-round.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 333333 333333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd">
   <path 
     d="M166667 0c92048 0 166667 74619 166667 166667s-74619 166667-166667 166667S0 258715 0 166667 74619 0 166667 0zm90493 110539c-6654 2976-13822 4953-21307 5835 7669-4593 13533-11870 16333-20535-7168 4239-15133 7348-23574 9011-6787-7211-16426-11694-27105-11694-20504 0-37104 16610-37104 37101 0 2893 320 5722 949 8450-30852-1564-58204-16333-76513-38806-3285 5666-5022 12109-5022 18661v4c0 12866 6532 24246 16500 30882-6083-180-11804-1876-16828-4626v464c0 17993 12789 33007 29783 36400-3113 845-6400 1313-9786 1313-2398 0-4709-247-7007-665 4746 14736 18448 25478 34673 25791-12722 9967-28700 15902-46120 15902-3006 0-5935-184-8860-534 16466 10565 35972 16684 56928 16684 68271 0 105636-56577 105636-105632 0-1630-36-3209-104-4806 7251-5187 13538-11733 18514-19185l17-17-3 2z"
-    fill="#FFFFFF"
+    fill="currentColor"
   />
 </svg>
\ No newline at end of file
diff --git a/client/components/Footer.jsx b/client/components/Footer.jsx
index fc4de9125..334a67e4e 100644
--- a/client/components/Footer.jsx
+++ b/client/components/Footer.jsx
@@ -1,12 +1,11 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'proptypes';
-import {
-  Container,
-  Typography,
-} from '@material-ui/core';
+import { Container, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import moment from 'moment';
+import { Link } from 'react-router-dom';
+import SocialMediaLinks from './SocialMediaLinks';
 
 const useStyles = makeStyles(theme => ({
   footer: {
@@ -22,22 +21,48 @@ const useStyles = makeStyles(theme => ({
     fontSize: '14px',
     fontFamily: 'Roboto',
   },
+  copyright: {
+    fontSize: '14px',
+    lineHeight: theme.footer.height,
+    color: theme.palette.text.dark,
+  },
+  container: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  copyrightContainer: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+  },
+  link: {
+    color: theme.palette.text.dark,
+    textDecoration: 'none',
+  },
 }));
 
 // TODO: check with UI/UX re placement of social media, privacy policy links
-const Footer = ({
-  lastUpdated,
-}) => {
+const Footer = ({ lastUpdated }) => {
   const classes = useStyles();
 
   return (
     <footer className={classes.footer}>
       { lastUpdated && (
-        <Container maxWidth="xs">
+        <Container maxWidth="lg" className={classes.container}>
+          <div className={classes.copyrightContainer}>
+            <Typography className={classes.copyright}>
+              &#169;311 Data &nbsp;&nbsp;All Rights Reserved |&nbsp;
+              <Link to="/privacy" className={classes.link}>
+                Privacy Policy
+              </Link>
+              &nbsp;| Powered by volunteers from Hack for LA |
+            </Typography>
+            <SocialMediaLinks classes={classes} />
+          </div>
           <Typography className={classes.lastUpdated}>
-            Data Updated Through:
-            &nbsp;
-            {moment(lastUpdated).format('MMMM Do YYYY, h:mm:ss a')}
+            Data updated: &nbsp;
+            {moment(lastUpdated).format('MM/DD/YY')}
           </Typography>
         </Container>
       )}
diff --git a/client/components/SocialMediaLinks.jsx b/client/components/SocialMediaLinks.jsx
new file mode 100644
index 000000000..19a71c871
--- /dev/null
+++ b/client/components/SocialMediaLinks.jsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+
+import TwitterSVG from '../assets/twitter-round.svg';
+import FacebookSVG from '../assets/facebook-round.svg';
+
+const useStyles = makeStyles(theme => ({
+  socialMedia: {
+    display: 'flex',
+    flexDirection: 'row',
+    lineHeight: theme.footer.height,
+    justifyContent: 'space-between',
+    width: '37px',
+    marginLeft: '5px',
+    alignContent: 'center',
+  },
+  image: {
+    filter:
+      ' invert(85%) sepia(0%) saturate(0%) hue-rotate(53deg) brightness(94%) contrast(88%)',
+    width: '16px',
+    height: '16px',
+    verticalAlign: 'middle',
+  },
+}));
+
+const SocialMediaLinks = () => {
+  const classes = useStyles();
+  return (
+    <div className={classes.socialMedia}>
+      <a
+        href="https://www.facebook.com/311-Data-113014693792634"
+        target="_blank"
+        rel="external noopener noreferrer"
+        aria-label="311 data facebook link"
+      >
+        <img className={classes.image} src={FacebookSVG} alt="FaceBook Icon" />
+      </a>
+      <a
+        href="https://twitter.com/data_311"
+        rel="external noopener noreferrer"
+        target="_blank"
+        aria-label="311 data twitter link"
+      >
+        <img className={classes.image} src={TwitterSVG} alt="Twitter Icon" />
+      </a>
+    </div>
+  );
+};
+
+export default SocialMediaLinks;