diff --git a/app/client/src/pages/Editor/EditorName/components.ts b/app/client/src/pages/Editor/EditorName/components.ts
index b9fb3c7177da..8aaa930f461f 100644
--- a/app/client/src/pages/Editor/EditorName/components.ts
+++ b/app/client/src/pages/Editor/EditorName/components.ts
@@ -7,25 +7,30 @@ import { IDE_HEADER_HEIGHT } from "IDE";
 export const Container = styled.div`
   display: flex;
   cursor: pointer;
+
   &:hover {
     background-color: var(--ads-v2-color-bg-subtle);
   }
+
   & .${Classes.EDITABLE_TEXT} {
-    height: ${IDE_HEADER_HEIGHT} !important;
+    height: ${IDE_HEADER_HEIGHT}px !important;
     display: block;
     cursor: pointer;
   }
+
   &&&& .${Classes.EDITABLE_TEXT}, &&&& .${Classes.EDITABLE_TEXT_EDITING} {
     padding: 0;
     width: 100%;
   }
+
   &&&& .${Classes.EDITABLE_TEXT_CONTENT}, &&&& .${Classes.EDITABLE_TEXT_INPUT} {
     display: block;
     ${getTypographyByKey("h5")};
-    line-height: ${IDE_HEADER_HEIGHT} !important;
+    line-height: ${IDE_HEADER_HEIGHT}px !important;
     padding: 0 ${(props) => props.theme.spaces[2]}px;
-    height: ${IDE_HEADER_HEIGHT} !important;
+    height: ${IDE_HEADER_HEIGHT}px !important;
   }
+
   &&&& .${Classes.EDITABLE_TEXT_INPUT} {
     margin-right: 20px;
   }