diff --git a/web/_data/community_content.json b/web/_data/community_content.json
index 6098aeb..8a097dc 100644
--- a/web/_data/community_content.json
+++ b/web/_data/community_content.json
@@ -50,5 +50,14 @@
         "links": {
             "Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2973959166"
         }
+    },
+    {
+        "name": "Itty for Tiny Life",
+        "desc": " Adds social media to your Tiny Life! Surely this won't backfire.",
+        "author": "ssblur",
+        "section": "mods",
+        "links": {
+            "Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2965803577"
+        }
     }
 ]
diff --git a/web/media/community/itty-for-tiny-life.png b/web/media/community/itty-for-tiny-life.png
new file mode 100644
index 0000000..3688fa8
Binary files /dev/null and b/web/media/community/itty-for-tiny-life.png differ
diff --git a/web/style.css b/web/style.css
index c9d498d..bbaef47 100644
--- a/web/style.css
+++ b/web/style.css
@@ -91,22 +91,24 @@ pre.highlight {
 .feature-title,
 .community-content-box-content {
     margin-top: 10px;
+    margin-left: auto;
+    margin-right: auto;
     padding: 10px;
     color: white;
     background: rgb(0, 0, 0, 0.7);
     position: absolute;
     text-align: center;
-    transform: translate(-50%, 0);
-    left: 50%;
+    left: 0;
+    right: 0;
     top: 0;
-    white-space: nowrap;
+    width: fit-content;
+    max-width: 75%;
 }
 
 .community-content-box-content {
-    margin: 0;
+    margin-bottom: 50px;
     top: auto;
-    bottom: 50px;
-    white-space: initial;
+    bottom: 0;
 }
 
 .community-content-box {
@@ -265,4 +267,14 @@ body.dark-mode hr {
         margin-left: auto;
         margin-right: auto;
     }
+
+    .feature-title,
+    .community-content-box-content {
+        max-width: 95%;
+        margin-bottom: 20px;
+    }
+
+    .community-desc {
+        display: none;
+    }
 }