diff --git a/app/resources/views/components/readme.twig b/app/resources/views/components/readme.twig
index ad3d1ec..f48348b 100644
--- a/app/resources/views/components/readme.twig
+++ b/app/resources/views/components/readme.twig
@@ -3,7 +3,7 @@
         <i class="fas fa-book fa-lg pr-3"></i> README.md
     </header>
 
-    <article class="bg-gray-100 rounded-b-lg px-12 py-8 {{ readme.getExtension == 'md' ? 'markdown' : 'font-mono' }}">
+    <article class="bg-gray-100 rounded-b-lg px-4 py-8 sm:px-6 md:px-8 lg:px-12 {{ readme.getExtension == 'md' ? 'markdown' : 'font-mono' }}">
         {% if readme.getExtension == 'md' %}
             {{ markdown(readme.getContents) | raw }}
         {% else %}