diff --git a/frontend/cypress/videos/making_a_post.cy.js.mp4 b/frontend/cypress/videos/making_a_post.cy.js.mp4
deleted file mode 100644
index 1cf991fc6..000000000
Binary files a/frontend/cypress/videos/making_a_post.cy.js.mp4 and /dev/null differ
diff --git a/frontend/cypress/videos/signing_in.cy.js.mp4 b/frontend/cypress/videos/signing_in.cy.js.mp4
deleted file mode 100644
index e72b43561..000000000
Binary files a/frontend/cypress/videos/signing_in.cy.js.mp4 and /dev/null differ
diff --git a/frontend/cypress/videos/signing_up.cy.js.mp4 b/frontend/cypress/videos/signing_up.cy.js.mp4
deleted file mode 100644
index bbc1b6bd8..000000000
Binary files a/frontend/cypress/videos/signing_up.cy.js.mp4 and /dev/null differ
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7bec630dd..88880e4c6 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -12897,25 +12897,14 @@
       }
     },
     "node_modules/recursive-readdir": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
-      "integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
-      "dependencies": {
-        "minimatch": "3.0.4"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/recursive-readdir/node_modules/minimatch": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "minimatch": "^3.0.5"
       },
       "engines": {
-        "node": "*"
+        "node": ">=6.0.0"
       }
     },
     "node_modules/regenerate": {
@@ -24790,21 +24779,11 @@
       }
     },
     "recursive-readdir": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
-      "integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
       "requires": {
-        "minimatch": "3.0.4"
-      },
-      "dependencies": {
-        "minimatch": {
-          "version": "3.0.4",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-          "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-          "requires": {
-            "brace-expansion": "^1.1.7"
-          }
-        }
+        "minimatch": "^3.0.5"
       }
     },
     "regenerate": {
diff --git a/frontend/src/components/app/App.css b/frontend/src/components/app/App.css
index e69de29bb..0de8a245e 100644
--- a/frontend/src/components/app/App.css
+++ b/frontend/src/components/app/App.css
@@ -0,0 +1,3 @@
+html {
+  background-color: #Bde0fe;
+}
\ No newline at end of file
diff --git a/frontend/src/components/feed/Feed.css b/frontend/src/components/feed/Feed.css
index e69de29bb..0a370e2bc 100644
--- a/frontend/src/components/feed/Feed.css
+++ b/frontend/src/components/feed/Feed.css
@@ -0,0 +1,18 @@
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
+
+h2 {
+  text-align: center;
+}
\ No newline at end of file
diff --git a/frontend/src/components/feed/Feed.js b/frontend/src/components/feed/Feed.js
index fc89c68fc..ab1ef2e98 100644
--- a/frontend/src/components/feed/Feed.js
+++ b/frontend/src/components/feed/Feed.js
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import Post from '../post/Post'
+import Post from '../post/Post';
+import './Feed.css';
 
 const Feed = ({ navigate }) => {
   const [posts, setPosts] = useState([]);
@@ -26,17 +27,19 @@ const Feed = ({ navigate }) => {
     window.localStorage.removeItem("token")
     navigate('/login')
   }
-  
+
+
     if(token) {
       return(
         <>
-          <h2>Posts</h2>
+          <h2>Posts &#128075;</h2>
             <button onClick={logout}>
               Logout
             </button>
           <div id='feed' role="feed">
               {posts.map(
-                (post) => ( <Post post={ post } key={ post._id } /> )
+                (post) => ( 
+                <Post post={ post } key={ post._id } /> )
               )}
           </div>
         </>
diff --git a/frontend/src/components/post/Post.css b/frontend/src/components/post/Post.css
index e69de29bb..f9181e18c 100644
--- a/frontend/src/components/post/Post.css
+++ b/frontend/src/components/post/Post.css
@@ -0,0 +1,9 @@
+#singlePost {
+  background: #ffffff;
+  width: 700px;
+  margin: auto;
+  margin-top: 10px;
+  padding: 10px;
+  border-radius: 10px;
+  box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.15);
+}
\ No newline at end of file
diff --git a/frontend/src/components/post/Post.js b/frontend/src/components/post/Post.js
index 87a77c109..990a50053 100644
--- a/frontend/src/components/post/Post.js
+++ b/frontend/src/components/post/Post.js
@@ -1,8 +1,9 @@
 import React from 'react';
+import './Post.css';
 
 const Post = ({post}) => {
   return(
-    <article data-cy="post" key={ post._id }>{ post.message }</article>
+    <article id='singlePost' data-cy="post" key={ post._id }>{ post.message }</article>
   )
 }
 
diff --git a/frontend/src/index.js b/frontend/src/index.js
index e37d8a008..40b3c174b 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -14,6 +14,7 @@ root.render(
   </BrowserRouter>
 );
 
+
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals