diff --git a/.env.example b/.env.example
index 23fb9b6..5984073 100644
--- a/.env.example
+++ b/.env.example
@@ -3,6 +3,7 @@ APP_LANGUAGE=en
 
 DARK_MODE=false
 DISPLAY_READMES=true
+READMES_FIRST=false
 ZIP_DOWNLOADS=true
 
 GOOGLE_ANALYTICS_ID=false
diff --git a/app/config/app.php b/app/config/app.php
index f59a2ef..c319c21 100644
--- a/app/config/app.php
+++ b/app/config/app.php
@@ -38,6 +38,13 @@ return [
      */
     'display_readmes' => Helpers::env('DISPLAY_READMES', true),
 
+    /**
+     * Show READMEs before the file listing.
+     *
+     * Default value: false
+     */
+    'readmes_first' => Helpers::env('READMES_FIRST', false),
+
     /**
      * Enable downloading of directories as a zip archive.
      *
diff --git a/app/views/components/readme.twig b/app/views/components/readme.twig
index e5140e3..23addb9 100644
--- a/app/views/components/readme.twig
+++ b/app/views/components/readme.twig
@@ -1,4 +1,4 @@
-<div id="readme" class="my-8">
+<div id="readme" class="my-4 {{ config('readmes_first') ? 'order-first' : null }}">
     <div class="rounded-lg overflow-hidden shadow-md">
         <header class="flex items-center bg-blue-600 px-4 py-3 text-white">
             <i class="fas fa-book fa-lg pr-3"></i> README.md
diff --git a/app/views/index.twig b/app/views/index.twig
index a5b087c..b4d28b9 100644
--- a/app/views/index.twig
+++ b/app/views/index.twig
@@ -3,7 +3,7 @@
 {% block content %}
     {% include "components/header.twig" %}
 
-    <div id="content" class="flex-grow container mx-auto px-4">
+    <div id="content" class="flex flex-col flex-grow container mx-auto px-4">
         <div class="my-4">
             <div class="flex justify-between font-bold p-4">
                 <div class="flex-grow font-mono mr-2">