diff --git a/crm/fcrm/doctype/crm_fields_layout/crm_fields_layout.py b/crm/fcrm/doctype/crm_fields_layout/crm_fields_layout.py
index 077d333d..48e3f30e 100644
--- a/crm/fcrm/doctype/crm_fields_layout/crm_fields_layout.py
+++ b/crm/fcrm/doctype/crm_fields_layout/crm_fields_layout.py
@@ -29,7 +29,7 @@ def get_fields_layout(doctype: str, type: str):
 	has_tabs = tabs[0].get("sections") if tabs and tabs[0] else False
 
 	if not has_tabs:
-		tabs = [{"no_tabs": True, "sections": tabs}]
+		tabs = [{"sections": tabs}]
 
 	allowed_fields = []
 	for tab in tabs:
@@ -92,7 +92,7 @@ def get_default_layout(doctype: str):
 		if field.fieldtype not in ["Tab Break", "Section Break", "Column Break"]
 	]
 
-	return [{"no_tabs": True, "sections": [{"hideLabel": True, "fields": fields}]}]
+	return [{"sections": [{"fields": fields}]}]
 
 
 def getOptions(field):
diff --git a/crm/patches/v1_0/update_fields_layout_to_new_format.py b/crm/patches/v1_0/update_fields_layout_to_new_format.py
index b41925ab..1f01c209 100644
--- a/crm/patches/v1_0/update_fields_layout_to_new_format.py
+++ b/crm/patches/v1_0/update_fields_layout_to_new_format.py
@@ -30,6 +30,8 @@ def get_new_layout(old_layout, type):
 
 	for tab in old_layout:
 		new_tab = tab.copy()
+		if "no_tabs" in new_tab:
+			new_tab.pop("no_tabs")
 		new_tab["sections"] = []
 		for section in tab.get("sections"):
 			if "contacts" in section:
@@ -55,7 +57,7 @@ def get_new_layout(old_layout, type):
 				continue
 
 			if len(fields) == 1 and column_count > 1:
-				new_section["columns"].append({"fields": fields[0]})
+				new_section["columns"].append({"fields": [fields[0]]})
 				new_section["columns"].append({"fields": []})
 				new_tab["sections"].append(new_section)
 				continue
@@ -73,5 +75,9 @@ def get_new_layout(old_layout, type):
 		new_layout = new_layout[0].get("sections")
 
 	if already_converted:
-		return json.dumps(old_layout)
+		new_layout = old_layout
+
+	if type == "Side Panel" and "sections" in old_layout[0]:
+		new_layout = new_layout[0].get("sections")
+
 	return json.dumps(new_layout)
diff --git a/frontend/src/components/FieldLayout.vue b/frontend/src/components/FieldLayout.vue
index d3ce7205..82b05fc7 100644
--- a/frontend/src/components/FieldLayout.vue
+++ b/frontend/src/components/FieldLayout.vue
@@ -284,7 +284,11 @@ const { getFormattedPercent, getFormattedFloat, getFormattedCurrency } =
   getMeta(props.doctype)
 const { getUser } = usersStore()
 
-const hasTabs = computed(() => !props.tabs[0].no_tabs)
+const hasTabs = computed(() => {
+  return (
+    props.tabs.length > 1 || (props.tabs.length == 1 && props.tabs[0].label)
+  )
+})
 
 const _tabs = computed(() => {
   return props.tabs.map((tab) => {
diff --git a/frontend/src/components/FieldLayoutEditor.vue b/frontend/src/components/FieldLayoutEditor.vue
index b6a825b3..e4be9144 100644
--- a/frontend/src/components/FieldLayoutEditor.vue
+++ b/frontend/src/components/FieldLayoutEditor.vue
@@ -4,7 +4,7 @@
       class="flex items-center gap-2 text-base bg-surface-gray-2 rounded py-2 px-2.5"
     >
       <Draggable
-        v-if="tabs.length && !tabs[tabIndex].no_tabs"
+        v-if="tabs.length && tabs[tabIndex].label"
         :list="tabs"
         item-key="label"
         class="flex items-center gap-2"
@@ -41,7 +41,7 @@
               </div>
             </div>
             <Dropdown
-              v-if="!tab.no_tabs && tabIndex == i"
+              v-if="tab.label && tabIndex == i"
               :options="getTabOptions(tab)"
               class="!h-4"
               @click.stop
@@ -114,62 +114,69 @@
                 </template>
               </Dropdown>
             </div>
-            <Draggable
-              :list="section.fields"
-              group="fields"
-              item-key="label"
-              class="grid gap-1.5"
-              :class="gridClass(section.columns)"
-              handle=".cursor-grab"
-            >
-              <template #item="{ element: field }">
-                <div
-                  class="px-2.5 py-2 border border-outline-gray-2 rounded text-base bg-surface-modal text-ink-gray-8 flex items-center leading-4 justify-between gap-2"
+            <div class="flex gap-1.5">
+              <div
+                class="w-full p-2 border border-dashed border-outline-gray-2 rounded bg-surface-white"
+                v-for="(column, index) in section.columns"
+                :key="index"
+              >
+                <Draggable
+                  :list="column.fields"
+                  group="fields"
+                  item-key="label"
+                  class="flex flex-col gap-1.5"
+                  handle=".cursor-grab"
                 >
-                  <div class="flex items-center gap-2 truncate">
-                    <DragVerticalIcon class="h-3.5 cursor-grab" />
-                    <div class="truncate">{{ field.label }}</div>
-                  </div>
-                  <Button
-                    variant="ghost"
-                    class="!size-4 rounded-sm"
-                    icon="x"
-                    @click="
-                      section.fields.splice(section.fields.indexOf(field), 1)
-                    "
-                  />
-                </div>
-              </template>
-            </Draggable>
-            <Autocomplete
-              v-if="fields.data"
-              value=""
-              :options="fields.data"
-              @change="(e) => addField(section, e)"
-            >
-              <template #target="{ togglePopover }">
-                <div class="gap-2 w-full">
-                  <Button
-                    class="w-full !h-8 !bg-surface-modal"
-                    variant="outline"
-                    @click="togglePopover()"
-                    :label="__('Add Field')"
-                  >
-                    <template #prefix>
-                      <FeatherIcon name="plus" class="h-4" />
-                    </template>
-                  </Button>
-                </div>
-              </template>
-              <template #item-label="{ option }">
-                <div class="flex flex-col gap-1 text-ink-gray-9">
-                  <div>{{ option.label }}</div>
-                  <div class="text-ink-gray-4 text-sm">
-                    {{ `${option.fieldname} - ${option.fieldtype}` }}
-                  </div>
-                </div>
-              </template>
-            </Autocomplete>
+                  <template #item="{ element: field }">
+                    <div
+                      class="px-2.5 py-2 border border-outline-gray-2 rounded text-base bg-surface-modal text-ink-gray-8 flex items-center leading-4 justify-between gap-2"
+                    >
+                      <div class="flex items-center gap-2 truncate">
+                        <DragVerticalIcon class="h-3.5 cursor-grab" />
+                        <div class="truncate">{{ field.label }}</div>
+                      </div>
+                      <Button
+                        variant="ghost"
+                        class="!size-4 rounded-sm"
+                        icon="x"
+                        @click="
+                          column.fields.splice(column.fields.indexOf(field), 1)
+                        "
+                      />
+                    </div>
+                  </template>
+                </Draggable>
+                <Autocomplete
+                  v-if="fields.data"
+                  value=""
+                  :options="fields.data"
+                  @change="(e) => addField(column, e)"
+                >
+                  <template #target="{ togglePopover }">
+                    <div class="gap-2 w-full">
+                      <Button
+                        class="w-full !h-8 !bg-surface-modal"
+                        variant="outline"
+                        @click="togglePopover()"
+                        :label="__('Add Field')"
+                      >
+                        <template #prefix>
+                          <FeatherIcon name="plus" class="h-4" />
+                        </template>
+                      </Button>
+                    </div>
+                  </template>
+                  <template #item-label="{ option }">
+                    <div class="flex flex-col gap-1 text-ink-gray-9">
+                      <div>{{ option.label }}</div>
+                      <div class="text-ink-gray-4 text-sm">
+                        {{ `${option.fieldname} - ${option.fieldtype}` }}
+                      </div>
+                    </div>
+                  </template>
+                </Autocomplete>
+              </div>
+            </div>
           </div>
         </template>
       </Draggable>
@@ -208,7 +215,7 @@ const props = defineProps({
 
 const tabIndex = ref(0)
 const slotName = computed(() => {
-  if (props.tabs.length == 1 && props.tabs[0].no_tabs) {
+  if (props.tabs.length == 1 && !props.tabs[0].label) {
     return 'prefix'
   }
   return 'default'
@@ -252,7 +259,9 @@ const fields = createResource({
 
     for (let tab of props.tabs) {
       for (let section of tab.sections) {
-        existingFields = existingFields.concat(section.fields)
+        for (let column of section.columns) {
+          existingFields = existingFields.concat(column.fields)
+        }
       }
     }
 
@@ -266,22 +275,23 @@ const fields = createResource({
 })
 
 function addTab() {
-  if (props.tabs.length == 1 && props.tabs[0].no_tabs) {
-    delete props.tabs[0].no_tabs
+  if (props.tabs.length == 1 && !props.tabs[0].label) {
+    props.tabs[0].label = __('New Tab')
     return
   }
+
   props.tabs.push({ label: __('New Tab'), sections: [] })
   tabIndex.value = props.tabs.length ? props.tabs.length - 1 : 0
 }
 
-function addField(section, field) {
+function addField(column, field) {
   if (!field) return
   let newFieldObj = {
     ...field,
     name: field.fieldname,
     type: field.fieldtype,
   }
-  section.fields.push(newFieldObj)
+  column.fields.push(newFieldObj)
 }
 
 function getTabOptions(tab) {
@@ -296,7 +306,7 @@ function getTabOptions(tab) {
       icon: 'trash-2',
       onClick: () => {
         if (props.tabs.length == 1) {
-          props.tabs[0].no_tabs = true
+          props.tabs[0].label = ''
           return
         }
         props.tabs.splice(tabIndex.value, 1)
diff --git a/frontend/src/components/Modals/ContactModal.vue b/frontend/src/components/Modals/ContactModal.vue
index 88c9953f..9a7570a9 100644
--- a/frontend/src/components/Modals/ContactModal.vue
+++ b/frontend/src/components/Modals/ContactModal.vue
@@ -161,7 +161,7 @@ const filteredSections = computed(() => {
     })
   })
 
-  return [{ no_tabs: true, sections: allSections }]
+  return [{ sections: allSections }]
 })
 
 watch(
diff --git a/frontend/src/components/Modals/DealModal.vue b/frontend/src/components/Modals/DealModal.vue
index f2b97ed8..59b589a7 100644
--- a/frontend/src/components/Modals/DealModal.vue
+++ b/frontend/src/components/Modals/DealModal.vue
@@ -168,7 +168,7 @@ const filteredSections = computed(() => {
     }
   })
 
-  return [{ no_tabs: true, sections: _filteredSections }]
+  return [{ sections: _filteredSections }]
 })
 
 const dealStatuses = computed(() => {
diff --git a/frontend/src/components/Modals/OrganizationModal.vue b/frontend/src/components/Modals/OrganizationModal.vue
index 8818f0e4..1b5dfde0 100644
--- a/frontend/src/components/Modals/OrganizationModal.vue
+++ b/frontend/src/components/Modals/OrganizationModal.vue
@@ -160,7 +160,7 @@ const filteredSections = computed(() => {
     })
   })
 
-  return [{ no_tabs: true, sections: allSections }]
+  return [{ sections: allSections }]
 })
 
 watch(
diff --git a/frontend/src/components/Settings/SettingsPage.vue b/frontend/src/components/Settings/SettingsPage.vue
index fdd74912..dbde52bc 100644
--- a/frontend/src/components/Settings/SettingsPage.vue
+++ b/frontend/src/components/Settings/SettingsPage.vue
@@ -106,12 +106,9 @@ const tabs = computed(() => {
   if (fieldsData[0].type != 'Tab Break') {
     let _sections = []
     if (fieldsData[0].type != 'Section Break') {
-      _sections.push({ no_tabs: true, columns: [{ fields: [] }] })
+      _sections.push({ columns: [{ fields: [] }] })
     }
-    _tabs.push({
-      no_tabs: true,
-      sections: _sections,
-    })
+    _tabs.push({ sections: _sections })
   }
 
   fieldsData.forEach((field) => {