diff --git a/src/routes/ui.rs b/src/routes/ui.rs
index 0ee1672..ca59d5d 100644
--- a/src/routes/ui.rs
+++ b/src/routes/ui.rs
@@ -59,8 +59,8 @@ pub async fn pkg_ui(repo: &str, pkg_name: &str, ctx: RequestContext) -> Option<S
 
             };
 
-            div class="flex pt-6" {
-                div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition flex-1 mr-4" {
+            div class="flex flex-wrap pt-6" {
+                div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition flex-1 m-2 grow" {
                     h2 class="text-xl font-semibold text-gray-700 dark:text-gray-300 underline" { "Info" };
 
                     @if let Some(desc) = take_out(&mut pkginfo, |x| { x.0 == "pkgdesc" }).1 {
@@ -84,7 +84,7 @@ pub async fn pkg_ui(repo: &str, pkg_name: &str, ctx: RequestContext) -> Option<S
                     };
                 };
 
-                div class="space-y-2 max-w-80 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition" {
+                div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition m-2 grow md:grow-0 md:shrink" {
                     h2 class="text-xl font-semibold text-gray-700 dark:text-gray-300" { "Versions" }
                     ul class="space-y-1" {
                         @for version in versions {
@@ -101,9 +101,9 @@ pub async fn pkg_ui(repo: &str, pkg_name: &str, ctx: RequestContext) -> Option<S
                 div class="space-y-2" {
                     h2 class="text-xl font-bold text-gray-700 dark:text-gray-300" { "Content" }
 
-                    div class="flex" {
+                    div class="flex flex-wrap" {
                     @if !systemd_units.is_empty() {
-                    div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition mr-4" {
+                    div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition m-2 grow" {
                                 h3 class="text-lg font-medium text-gray-800 dark:text-gray-100 underline" { "Systemd Units" }
                                 ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1" {
                                     @for unit in systemd_units {
@@ -114,7 +114,7 @@ pub async fn pkg_ui(repo: &str, pkg_name: &str, ctx: RequestContext) -> Option<S
                             }
 
                         @if !pacman_hooks.is_empty() {
-                            div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition mr-4" {
+                            div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition m-2 grow" {
                                 h3 class="text-lg font-medium text-gray-800 dark:text-gray-100 underline" { "Pacman Hooks" }
                                 ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1" {
                                     @for hook in pacman_hooks {
@@ -129,7 +129,7 @@ pub async fn pkg_ui(repo: &str, pkg_name: &str, ctx: RequestContext) -> Option<S
                         }
 
                         @if !binaries.is_empty() {
-                            div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition mr-4" {
+                            div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition m-2 grow" {
                                 h3 class="text-lg font-medium text-gray-800 dark:text-gray-100 underline" { "Binaries" }
                                 ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1" {
                                     @for binary in binaries {
@@ -139,7 +139,7 @@ pub async fn pkg_ui(repo: &str, pkg_name: &str, ctx: RequestContext) -> Option<S
                             }
                         }
 
-                        div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition mr-4" {
+                        div class="space-y-2 p-4 bg-gray-50 dark:bg-gray-800 shadow-lg rounded-lg transition m-2 grow" {
                             h3 class="text-lg font-medium text-gray-800 dark:text-gray-100 underline" { "Package Files" }
                             ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1" {
                                 @for file in pkg.file_list() {
@@ -214,9 +214,13 @@ pub async fn repo_ui(repo: &str, ctx: RequestContext, arch: Option<&str>) -> Str
                     div class="w-10 h-10 flex items-center justify-center rounded-full bg-blue-500 text-white font-semibold" {
                         {(pkg.chars().next().unwrap_or_default().to_uppercase())}
                     };
-                        p class="font-medium flex-1 text-gray-800 dark:text-gray-100" {
+                        p class="font-medium flex-1 text-gray-800 dark:text-gray-100 max-w-fit" {
                             (pkg)
                         };
+                        div class="flex items-center gap-2 text-slate-300 pr-4" {
+                            span class="text-2xl font-bold" { "✓" };
+                            span class="text-sm font-medium" { "Signed" };
+                        };
                 }))
             }
         }