diff --git a/lib/cannery_web/components/ammo_group_card.ex b/lib/cannery_web/components/ammo_group_card.ex
index 4c201d1..1fd6ab5 100644
--- a/lib/cannery_web/components/ammo_group_card.ex
+++ b/lib/cannery_web/components/ammo_group_card.ex
@@ -13,7 +13,7 @@ defmodule CanneryWeb.Components.AmmoGroupCard do
     ~H"""
     <div
       id={"ammo_group-#{@ammo_group.id}"}
-      class="px-8 py-4 flex flex-col justify-center items-center
+      class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center
             border border-gray-400 rounded-lg shadow-lg hover:shadow-md"
     >
       <%= live_redirect to: Routes.ammo_group_show_path(Endpoint, :show, @ammo_group),
diff --git a/lib/cannery_web/components/container_card.ex b/lib/cannery_web/components/container_card.ex
index 2d1742f..fb190d4 100644
--- a/lib/cannery_web/components/container_card.ex
+++ b/lib/cannery_web/components/container_card.ex
@@ -10,7 +10,7 @@ defmodule CanneryWeb.Components.ContainerCard do
     ~H"""
     <div
       id={"container-#{@container.id}"}
-      class="px-8 py-4 flex flex-col justify-center items-center
+      class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center
         border border-gray-400 rounded-lg shadow-lg hover:shadow-md"
     >
       <div class="mb-4 flex flex-col justify-center items-center">
diff --git a/lib/cannery_web/components/invite_card.ex b/lib/cannery_web/components/invite_card.ex
index 7e28976..af468e2 100644
--- a/lib/cannery_web/components/invite_card.ex
+++ b/lib/cannery_web/components/invite_card.ex
@@ -8,7 +8,7 @@ defmodule CanneryWeb.Components.InviteCard do
 
   def invite_card(assigns) do
     ~H"""
-    <div class="px-8 py-4 flex flex-col justify-center items-center space-y-4
+    <div class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center space-y-4
       border border-gray-400 rounded-lg shadow-lg hover:shadow-md">
       <h1 class="title text-xl">
         <%= @invite.name %>