diff --git a/crates/app/src/public/html/stacks/manage.html b/crates/app/src/public/html/stacks/manage.html
index 206025b..e7093b9 100644
--- a/crates/app/src/public/html/stacks/manage.html
+++ b/crates/app/src/public/html/stacks/manage.html
@@ -92,7 +92,9 @@
         </button>
 
         {% for user in users %}
-        <div class="card secondary flex gap-2 items-center justify-between">
+        <div
+            class="card secondary flex flex-wrap gap-2 items-center justify-between"
+        >
             <div class="flex gap-2">
                 {{ components::avatar(username=user.username) }} {{
                 components::full_username(user=user) }}
diff --git a/crates/core/src/database/stacks.rs b/crates/core/src/database/stacks.rs
index 7f08232..c69b35d 100644
--- a/crates/core/src/database/stacks.rs
+++ b/crates/core/src/database/stacks.rs
@@ -61,6 +61,13 @@ impl DataManager {
     /// # Arguments
     /// * `data` - a mock [`UserStack`] object to insert
     pub async fn create_stack(&self, data: UserStack) -> Result<UserStack> {
+        // check values
+        if data.name.len() < 2 {
+            return Err(Error::DataTooShort("title".to_string()));
+        } else if data.name.len() > 32 {
+            return Err(Error::DataTooLong("title".to_string()));
+        }
+
         // check number of stacks
         let owner = self.get_user_by_id(data.owner).await?;