diff --git a/assets/stylesheets/discourse-donations.scss b/assets/stylesheets/common/discourse-donations.scss
similarity index 97%
rename from assets/stylesheets/discourse-donations.scss
rename to assets/stylesheets/common/discourse-donations.scss
index 317b7ff..49c6345 100644
--- a/assets/stylesheets/discourse-donations.scss
+++ b/assets/stylesheets/common/discourse-donations.scss
@@ -114,7 +114,7 @@ div.stripe-errors {
   text-align: center;
 
   .donations-category-contents {
-    width: 500px;
+    max-width: 500px;
     margin: 0 auto;
     padding: 30px 40px 10px;
     text-align: center;
@@ -172,13 +172,13 @@ div.stripe-errors {
       align-items: center;
 
       span:first-of-type {
-        margin-right: 8px;
+        margin-right: 10px;
       }
     }
   }
 
   .donations-category-users {
-    width: 500px;
+    max-width: 500px;
     margin: 0 auto;
     font-size: 1.2rem;
     padding-bottom: 30px;
diff --git a/assets/stylesheets/mobile/discourse-donations.scss b/assets/stylesheets/mobile/discourse-donations.scss
new file mode 100644
index 0000000..b99f3da
--- /dev/null
+++ b/assets/stylesheets/mobile/discourse-donations.scss
@@ -0,0 +1,8 @@
+.donations-category-header .donations-category-metadata {
+  flex-flow: wrap;
+  padding: 0 10px;
+
+  div {
+    padding-bottom: 10px;
+  }
+}
diff --git a/plugin.rb b/plugin.rb
index b4a950f..3a1eda1 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -6,7 +6,8 @@
 
 gem 'stripe', '2.8.0'
 
-register_asset "stylesheets/discourse-donations.scss"
+register_asset "stylesheets/common/discourse-donations.scss"
+register_asset "stylesheets/mobile/discourse-donations.scss"
 
 enabled_site_setting :discourse_donations_enabled