diff --git a/src/components/app/AppBox.vue b/src/components/app/AppBox.vue
index 3cb73114..c01675b3 100644
--- a/src/components/app/AppBox.vue
+++ b/src/components/app/AppBox.vue
@@ -1,5 +1,10 @@
 <script lang="ts" setup>
-defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
+defineProps<{
+  dark?: boolean;
+  bordered?: boolean;
+  shadowed?: boolean;
+  noPadding?: boolean;
+}>();
 </script>
 
 <template>
@@ -9,6 +14,7 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
       dark,
       'app-box__bordered': bordered,
       'app-box__shadowed': shadowed,
+      'app-box__no-padding': noPadding,
     }"
   >
     <slot />
@@ -23,6 +29,10 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
   padding: var(--size-4);
 }
 
+.app-box__no-padding {
+  padding: 0;
+}
+
 .app-box__shadowed {
   box-shadow: var(--shadow-3);
 }