client/src/__tests__/components/Editor/Editor.test.tsx

@@ -38,16 +38,11 @@ describe('Editor Component', () => {
         expect(mockOnValuesChange).toHaveBeenCalledWith(['Updated Question 1', 'Question 2']);
     });
 
-    test('calls onValuesChange with updated values when an empty question is deleted', () => {
+    test('calls onValuesChange with updated values when a question is deleted', () => {
-        const sampleProps = {
-            label: 'Test Editor',
-            values: [''], 
-            onValuesChange: mockOnValuesChange,
-        };
         render(<Editor {...sampleProps} />);
-        const deleteButton = screen.getAllByLabelText('delete')[0]; 
+        const deleteButton = screen.getAllByLabelText('delete')[0]; // Match original aria-label
         fireEvent.click(deleteButton);
-        expect(mockOnValuesChange).toHaveBeenCalledWith([]);
+        expect(mockOnValuesChange).toHaveBeenCalledWith(['Question 2']);
     });
 
     test('renders delete buttons for each question', () => {

client/src/components/Editor/Editor.tsx

@@ -105,7 +105,7 @@ const Editor: React.FC<EditorProps> = ({ label, values, onValuesChange, onFocusQ
                                             {...provided.draggableProps}
                                             {...provided.dragHandleProps}
                                             sx={{
-                                                marginBottom: '8px',
+                                                marginBottom: '24px',
                                                 boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.1)',
                                                 border: '1px solid rgba(0, 0, 0, 0.1)',
                                                 padding: '16px',