Dialog - textarea colors, not height yet (codesandbox#3790)

* textarea colors, not height yet

* oops, thats not supposed to be there

Author: siddharthkp

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/Dialog/index.tsx

@@ -172,7 +172,7 @@ const DialogAddComment: React.FC<{
   const closeDialog = () => actions.comments.closeComment();
 
   return (
-    <Stack direction="vertical" gap={4}>
+    <Stack direction="vertical" css={css({ paddingBottom: 4 })}>
       <DragHandle onPan={onDragHandlerPan}>
         <Stack
           justify="space-between"
@@ -199,11 +199,9 @@ const DialogAddComment: React.FC<{
         autosize
         autoFocus
         css={css({
-          overflow: 'hidden',
+          backgroundColor: 'transparent',
           border: 'none',
-          display: 'block',
-          borderTop: '1px solid',
-          borderColor: 'sideBar.border',
+          paddingLeft: 4,
         })}
         value={value}
         onChange={e => setValue(e.target.value)}
@@ -402,11 +400,11 @@ const AddReply = ({ comment }) => {
     <Textarea
       autosize
       css={css({
-        overflow: 'hidden',
+        backgroundColor: 'transparent',
         border: 'none',
-        display: 'block',
         borderTop: '1px solid',
         borderColor: 'sideBar.border',
+        paddingX: 4,
       })}
       value={value}
       onChange={e => setValue(e.target.value)}