diff --git a/components/Post.tsx b/components/Post.tsx
index 332c86e..0b1a65c 100644
--- a/components/Post.tsx
+++ b/components/Post.tsx
@@ -13,12 +13,12 @@ const Post = ({ href, src, children }: Props) => {
     return (
         <Link href={slug}>
             <a>
-                <div className="post bg-gray-100 rounded-lg p-4 shadow-lg">
-                    <div className="image">
+                <div className="post bg-gray-100 rounded-lg shadow-lg flex flex-row justify-start items-center h-16">
+                    <div className="image h-full">
                         <img
                             src={src}
                             alt=""
-                            className="h-full w-full object-cover rounded-md shadow-lg"
+                            className="h-full object-cover rounded-md mr-2 p-2"
                         />
                     </div>
                     <h1 className="text-lg font-semibold pt-2 font-dm leading-5">
diff --git a/images/bg-amsterdam-trees.jpg b/images/bg-amsterdam-trees.jpg
new file mode 100644
index 0000000..1e7c7cb
Binary files /dev/null and b/images/bg-amsterdam-trees.jpg differ
diff --git a/images/bg-amsterdam.jpg b/images/bg-amsterdam.jpg
new file mode 100644
index 0000000..9aead32
Binary files /dev/null and b/images/bg-amsterdam.jpg differ
diff --git a/images/bg-new-york.jpg b/images/bg-new-york.jpg
new file mode 100644
index 0000000..309a44f
Binary files /dev/null and b/images/bg-new-york.jpg differ
diff --git a/images/bg-nyc.jpg b/images/bg-nyc.jpg
new file mode 100644
index 0000000..5213a6c
Binary files /dev/null and b/images/bg-nyc.jpg differ
diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx
index 19388a6..8bc9750 100644
--- a/pages/dashboard.tsx
+++ b/pages/dashboard.tsx
@@ -71,7 +71,7 @@ export default function Login(props: any) {
                                     </a>
                                 </Link>
                             </div>
-                            <div className="posts grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
+                            <div className="posts grid grid-cols-1 gap-4">
                                 <Post
                                     src="https://i.scdn.co/image/ab67616d0000b2737a4c8c59851c88f6794c3cbf"
                                     href="/posts/"
diff --git a/pages/index.tsx b/pages/index.tsx
index cb517b6..c0d0acf 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,6 @@
 import Head from "next/head";
 import Image from "next/image";
-import src from "../images/island.jpg";
+import src from "../images/bg-amsterdam-trees.jpg";
 import Users from "../components/Users";
 import Link from "next/link";
 import Footer from "../components/Footer";