diff --git a/cmd/server/api/templates/description.html b/cmd/server/api/templates/description.html
index 6e7b054..40ef316 100644
--- a/cmd/server/api/templates/description.html
+++ b/cmd/server/api/templates/description.html
@@ -17,10 +17,16 @@
         <hr/>
         <div id="carousel" class="carousel slide">
             <div class="carousel-inner">
-                {{ range .ScreenshotURLs }}
-                <div class="carousel-item">
-                    <img src="{{ . }}" class="d-block w-100">
-                </div>
+                {{ range $i, $url := .ScreenshotURLs }}
+                    {{ if not $i }}
+                        <div class="carousel-item active">
+                            <img src="{{ $url }}" class="d-block w-100">
+                        </div>
+                    {{ else }}
+                        <div class="carousel-item">
+                            <img src="{{ $url }}" class="d-block w-100">
+                        </div>
+                    {{ end }}
                 {{ end }}
             </div>
             <button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
diff --git a/cmd/server/api/templates/index.html b/cmd/server/api/templates/index.html
index 81ab072..4073378 100644
--- a/cmd/server/api/templates/index.html
+++ b/cmd/server/api/templates/index.html
@@ -15,9 +15,9 @@
     <div style="width: 100%; height: 20rem; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center;">
         <h1>DownloadHub</h1>
     </div>
-    <div class="container" style="margin-top: 1rem;">
+    <div class="container" style="margin-top: 1rem; display: flex">
         {{ range . }}
-        <div class="card" style="width: 18rem;">
+        <div class="card" style="width: 18rem; margin: 2rem">
             {{ if .ScreenshotURLs }}
             <img src="{{ index .ScreenshotURLs 0 }}" class="card-img-top">
             {{ end }}