fix alignment (codesandbox#3614)

CompuIves · web-flow · commit 5c0436649988 · 2020-03-04T16:35:01.000-08:00
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/index.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Comments/index.tsx
@@ -71,6 +71,7 @@ export const Comments: React.FC = () => {
           css={css({
             borderBottom: '1px solid',
             borderColor: 'sideBar.border',
+            minHeight: '35px',
           })}
         >
           <Text>Comments</Text>
diff --git a/packages/components/src/components/Collapsible/index.tsx b/packages/components/src/components/Collapsible/index.tsx
@@ -14,6 +14,7 @@ const Section = styled(Element).attrs({ as: 'section' })(
 
 export const Header = styled(SidebarRow).attrs({ gap: 2 })(
   css({
+    minHeight: '35px',
     paddingX: 3,
     borderBottom: '1px solid',
     // Note: sideBarSectionHeader exists but we dont use it because it is rarely implemented

Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,7 @@ export const Comments: React.FC = () => {`
`71`	`71`	`css={css({`
`72`	`72`	`borderBottom: '1px solid',`
`73`	`73`	`borderColor: 'sideBar.border',`
	`74`	`+ minHeight: '35px',`
`74`	`75`	`})}`
`75`	`76`	`>`
`76`	`77`	`<Text>Comments</Text>`