diff --git a/brutaldon/static/css/brutaldon-dark.css b/brutaldon/static/css/brutaldon-dark.css
index f972f50..e043440 100644
--- a/brutaldon/static/css/brutaldon-dark.css
+++ b/brutaldon/static/css/brutaldon-dark.css
@@ -116,6 +116,11 @@ emoji-link
     }
 }
 
+.level.attachments
+{
+    overflow: auto;
+}
+
 .file-cta
 {
     -webkit-border-top-left-radius: 5px;
diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css
index 02a435a..0b3a38c 100644
--- a/brutaldon/static/css/brutaldon.css
+++ b/brutaldon/static/css/brutaldon.css
@@ -97,6 +97,11 @@ emoji-link
     font-size: 2em;
 }
 
+.level.attachments
+{
+    overflow: auto;
+}
+
 
 @media screen and (max-width: 768px) {
     .media {
diff --git a/brutaldon/templates/main/toot_partial.html b/brutaldon/templates/main/toot_partial.html
index ea82f68..389fe3c 100644
--- a/brutaldon/templates/main/toot_partial.html
+++ b/brutaldon/templates/main/toot_partial.html
@@ -53,7 +53,7 @@
 
                 {% if toot.media_attachments %}
                 <br>
-                <div class="level">
+                <div class="level attachments">
                     <div class="level-left">
                         {% for media in toot.media_attachments %}
                         <a class="level-item" href="{{ media.url }}">