diff --git a/src/components/EditorSidePanel/TablesTab/TableField.jsx b/src/components/EditorSidePanel/TablesTab/TableField.jsx
index 54da0df6..3dc2421f 100644
--- a/src/components/EditorSidePanel/TablesTab/TableField.jsx
+++ b/src/components/EditorSidePanel/TablesTab/TableField.jsx
@@ -134,9 +134,10 @@ export default function TableField({ data, tid, index }) {
       </Col>
       <Col span={3}>
         <Button
-          type={data.notNull ? "primary" : "tertiary"}
-          title={t("not_null")}
-          theme={data.notNull ? "solid" : "light"}
+
+          type={data.notNull ? "tertiary" : "primary"}
+          title={t("nullable")}
+          theme={data.notNull ? "light" : "solid"}
           onClick={() => {
             setUndoStack((prev) => [
               ...prev,
diff --git a/src/i18n/locales/en.js b/src/i18n/locales/en.js
index c09095a7..5dc8ed4c 100644
--- a/src/i18n/locales/en.js
+++ b/src/i18n/locales/en.js
@@ -113,6 +113,7 @@ const en = {
     type: "Type",
     null: "Null",
     not_null: "Not null",
+    nullable: "Nullable",
     primary: "Primary",
     unique: "Unique",
     autoincrement: "Autoincrement",
diff --git a/src/i18n/locales/tm.js b/src/i18n/locales/tm.js
index 548b25a8..63ee532d 100644
--- a/src/i18n/locales/tm.js
+++ b/src/i18n/locales/tm.js
@@ -113,6 +113,7 @@ const tm = {
     type: "வகை",
     null: "பூஜ்ஜியம்",
     not_null: "பூஜ்ஜியம் அல்ல",
+    nullable: "காலியாக அனுமதி",
     primary: "முதன்மை",
     unique: "தனித்துவம்",
     autoincrement: "தானாக அதிகரிப்பு",