coder
diff --git a/‎site/src/components/AppLink/AppLink.tsx
Lines changed: 10 additions & 2 deletions b/‎site/src/components/AppLink/AppLink.tsx
Lines changed: 10 additions & 2 deletions
diff --git a/‎site/src/components/Logs/Logs.tsx
Lines changed: 8 additions & 4 deletions b/‎site/src/components/Logs/Logs.tsx
Lines changed: 8 additions & 4 deletions
diff --git a/‎site/src/components/PortForwardButton/PortForwardButton.tsx
Lines changed: 6 additions & 8 deletions b/‎site/src/components/PortForwardButton/PortForwardButton.tsx
Lines changed: 6 additions & 8 deletions
@@ -84,7 +84,6 @@ export const AppLink: FC<AppLinkProps> = ({
 
   const button = (
     <Button
-      size="small"
       startIcon={icon}
       endIcon={isPrivateApp ? undefined : <ShareIcon app={app} />}
       className={styles.button}
@@ -136,9 +135,18 @@ const useStyles = makeStyles((theme) => ({
   button: {
     whiteSpace: "nowrap",
     backgroundColor: theme.palette.background.default,
+    padding: theme.spacing(0, 3),
+    height: 44,
+    borderRadius: 6,
 
     "&:hover": {
-      backgroundColor: `${theme.palette.background.default} !important`,
+      backgroundColor: `${theme.palette.background.paper} !important`,
+    },
+
+    "& .MuiButton-startIcon": {
+      width: 16,
+      height: 16,
+      marginRight: theme.spacing(1.5),
     },
   },
 
 
@@ -41,7 +41,7 @@ export const Logs: FC<React.PropsWithChildren<LogsProps>> = ({
                     ? idx + 1
                     : dayjs(line.time).format(`HH:mm:ss.SSS`)}
                 </span>
-                <span className={styles.space}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+                <span className={styles.space} />
               </>
             )}
             <span>{line.output}</span>
@@ -76,7 +76,7 @@ export const LogLine: FC<{
           <span className={styles.time}>
             {number ? number : dayjs(line.time).format(`HH:mm:ss.SSS`)}
           </span>
-          <span className={styles.space}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+          <span className={styles.space} />
         </>
       )}
       <span
@@ -96,7 +96,6 @@ const useStyles = makeStyles<
 >((theme) => ({
   root: {
     minHeight: 156,
-    fontSize: 13,
     padding: theme.spacing(2, 0),
     borderRadius: theme.shape.borderRadius,
     overflowX: "auto",
@@ -107,12 +106,14 @@ const useStyles = makeStyles<
   },
   line: {
     wordBreak: "break-all",
+    display: "flex",
+    fontSize: 14,
     color: theme.palette.text.primary,
     fontFamily: MONOSPACE_FONT_FAMILY,
     height: ({ lineNumbers }) => (lineNumbers ? logLineHeight : "auto"),
     // Whitespace is significant in terminal output for alignment
     whiteSpace: "pre",
-    padding: theme.spacing(0, 3),
+    padding: theme.spacing(0, 4),
 
     "&.error": {
       backgroundColor: theme.palette.error.dark,
@@ -128,6 +129,9 @@ const useStyles = makeStyles<
   },
   space: {
     userSelect: "none",
+    width: theme.spacing(3),
+    display: "block",
+    flexShrink: 0,
   },
   time: {
     userSelect: "none",
 
@@ -3,7 +3,6 @@ import Link from "@material-ui/core/Link"
 import Popover from "@material-ui/core/Popover"
 import { makeStyles } from "@material-ui/core/styles"
 import TextField from "@material-ui/core/TextField"
-import OpenInNewOutlined from "@material-ui/icons/OpenInNewOutlined"
 import { Stack } from "components/Stack/Stack"
 import { useRef, useState, Fragment } from "react"
 import { colors } from "theme/colors"
@@ -149,8 +148,8 @@ export const PortForwardButton: React.FC<PortForwardButtonProps> = (props) => {
   return (
     <>
       <Button
+        variant="outlined"
         className={styles.button}
-        startIcon={<OpenInNewOutlined />}
         size="small"
         ref={anchorRef}
         onClick={() => {
@@ -211,11 +210,10 @@ const useStyles = makeStyles((theme) => ({
   },
 
   button: {
-    whiteSpace: "nowrap",
-    backgroundColor: theme.palette.background.default,
-
-    "&:hover": {
-      backgroundColor: `${theme.palette.background.default} !important`,
-    },
+    fontSize: 12,
+    fontWeight: 500,
+    height: theme.spacing(4),
+    minHeight: theme.spacing(4),
+    borderRadius: 4,
   },
 }))