diff --git a/apps/app/components/pages/create-block.tsx b/apps/app/components/pages/create-block.tsx
index d8b54a4f8..59bb81898 100644
--- a/apps/app/components/pages/create-block.tsx
+++ b/apps/app/components/pages/create-block.tsx
@@ -95,10 +95,11 @@ export const CreateBlock = () => {
             name="name"
             placeholder="Title"
             register={register}
-            className="min-h-10 block max-h-24 w-full resize-none overflow-hidden border-none bg-transparent px-1 py-1 text-sm font-medium"
+            className="min-h-[20px] block max-h-24 w-full resize-none overflow-hidden border-none bg-transparent px-1 py-1 text-sm font-medium"
             role="textbox"
             onKeyDown={handleKeyDown}
             maxLength={255}
+            noPadding
           />
         </div>
 
diff --git a/apps/app/components/pages/single-page-block.tsx b/apps/app/components/pages/single-page-block.tsx
index 94d8679e2..85451375d 100644
--- a/apps/app/components/pages/single-page-block.tsx
+++ b/apps/app/components/pages/single-page-block.tsx
@@ -408,7 +408,8 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails, index
                     <TextArea
                       name="blockName"
                       value={block.name}
-                      className="min-h-5 block w-full resize-none overflow-hidden border-none bg-transparent px-0 py-0 text-sm text-brand-base"
+                      className="min-h-[20px] block w-full resize-none overflow-hidden border-none bg-transparent text-sm text-brand-base"
+                      noPadding
                     />
                   </div>
                   {block?.description_stripped.length > 0 && (
diff --git a/apps/app/components/ui/text-area/index.tsx b/apps/app/components/ui/text-area/index.tsx
index be4938699..84251b2d4 100644
--- a/apps/app/components/ui/text-area/index.tsx
+++ b/apps/app/components/ui/text-area/index.tsx
@@ -32,6 +32,7 @@ export const TextArea: React.FC<Props> = ({
   disabled,
   error,
   validations,
+  noPadding = false,
   onChange,
   ...rest
 }) => {
@@ -65,7 +66,9 @@ export const TextArea: React.FC<Props> = ({
           onChange && onChange(e);
           setTextareaValue(e.target.value);
         }}
-        className={`no-scrollbar w-full bg-transparent px-3 py-2 outline-none ${
+        className={`no-scrollbar w-full bg-transparent ${
+          noPadding ? "" : "px-3 py-2"
+        } outline-none ${
           mode === "primary"
             ? "rounded-md border border-brand-base"
             : mode === "transparent"
diff --git a/apps/app/components/ui/text-area/types.d.ts b/apps/app/components/ui/text-area/types.d.ts
index 2a6022a56..27d031dee 100644
--- a/apps/app/components/ui/text-area/types.d.ts
+++ b/apps/app/components/ui/text-area/types.d.ts
@@ -9,4 +9,5 @@ export interface Props extends React.ComponentPropsWithoutRef<"textarea"> {
   mode?: "primary" | "transparent" | "secondary" | "disabled";
   validations?: RegisterOptions;
   error?: FieldError | Merge<FieldError, FieldErrorsImpl<any>>;
+  noPadding?: boolean;
 }