Fixes font sizing issues

src/webviews/apps/plus/focus/focus.scss

@@ -220,6 +220,7 @@ h3 {
 
 		h2 {
 			margin: 0;
+			font-size: 1.5rem;
 		}
 	}
 
@@ -264,8 +265,8 @@ h3 {
 	&__header {
 		background-color: var(--background-05);
 		display: grid;
-		align-items: baseline;
-		padding: 0rem 2rem;
+		align-items: center;
+		padding: 0.2rem 2rem;
 		margin-left: -2rem;
 		margin-right: -2rem;
 		grid-template-columns: 1fr min-content min-content;

src/webviews/apps/plus/timeline/timeline.scss

@@ -20,15 +20,18 @@
 	--popover-bg: var(--color-background--darken-15);
 }
 
-html {
+:root {
+	font-size: 62.5%;
+	font-family: var(--font-family);
+	box-sizing: border-box;
 	height: 100%;
 }
 
 body {
 	color: var(--color-view-foreground);
 	font-family: var(--font-family);
+	font-size: var(--font-size);
 	height: 100%;
-	line-height: 1.4;
 	overflow: hidden;
 	margin: 0;
 	padding: 0;
@@ -87,6 +90,7 @@ h4 {
 		grid-template-columns: minmax(0, min-content) minmax(0, min-content) minmax(0, 1fr);
 		gap: 0.5rem;
 		align-items: baseline;
+		font-size: 1rem;
 
 		h2 {
 			margin: 0;

src/webviews/apps/shared/components/feature-gate.ts

@@ -17,7 +17,6 @@ export class FeatureGate extends LitElement {
 			left: 0;
 			bottom: 0;
 			right: 0;
-			font-size: 1.3rem;
 			overflow: auto;
 			z-index: 100;