diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/email.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/email.svelte
index cf93d4b5fb..0c7689e82b 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/email.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/email.svelte
@@ -6,14 +6,12 @@
     export let label: string;
     export let value: string | null;
     export let attribute: Models.AttributeUrl;
-
-    $: nullable = attribute.required ? false : !value;
 </script>
 
 <InputEmail
     {id}
     {label}
-    {nullable}
+    nullable={!attribute.required}
     placeholder="Enter URL"
     required={attribute.required}
     bind:value />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/integer.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/integer.svelte
index 00ee6a2af0..d5bb10937a 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/integer.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/integer.svelte
@@ -6,14 +6,12 @@
     export let label: string;
     export let value: number;
     export let attribute: Models.AttributeInteger;
-
-    $: nullable = attribute.required ? false : !value;
 </script>
 
 <InputNumber
     {id}
     {label}
-    {nullable}
+    nullable={!attribute.required}
     required={attribute.required}
     min={attribute.min}
     max={attribute.max}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte
index 94b18799e1..e2ecbba052 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte
@@ -6,15 +6,13 @@
     export let label: string;
     export let value: string;
     export let attribute: Models.AttributeString;
-
-    $: nullable = attribute.required ? false : !value;
 </script>
 
 {#if attribute.size >= 50}
     <InputTextarea
         {id}
         {label}
-        {nullable}
+        nullable={!attribute.required}
         placeholder="Enter string"
         required={attribute.required}
         maxlength={attribute.size}
@@ -23,7 +21,7 @@
     <InputText
         {id}
         {label}
-        {nullable}
+        nullable={!attribute.required}
         placeholder="Enter string"
         required={attribute.required}
         maxlength={attribute.size}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/url.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/url.svelte
index d8c74bca71..205f6d93ba 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/url.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/url.svelte
@@ -6,14 +6,12 @@
     export let label: string;
     export let value: string | null;
     export let attribute: Models.AttributeUrl;
-
-    $: nullable = attribute.required ? false : !value;
 </script>
 
 <InputURL
     {id}
     {label}
-    {nullable}
+    nullable={!attribute.required}
     placeholder="Enter URL"
     required={attribute.required}
     bind:value />