diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributeItem.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributeItem.svelte
index 857e645842..1be558a2d3 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributeItem.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributeItem.svelte
@@ -58,9 +58,9 @@
             </Button>
         </div>
     {:else}
-        <ul class="u-grid u-gap-8">
+        <ul class="u-grid u-gap-4">
             {#each [...formValues[attribute.key].keys()] as index}
-                <li class="form-item is-multiple">
+                <li class="form-item is-multiple u-gap-8">
                     <div class="form-item-part u-stretch">
                         <Attribute
                             {attribute}