Styled the FAQ without class names as best as could, modified styling of scrollbars for horizontal and vertical states

packages/application/style/scrollbar.css

@@ -5,16 +5,33 @@
 
 
 ::-webkit-scrollbar {
-  background: transparent;
+  background: var(--jp-layout-color0);
 }
 
 
-::-webkit-scrollbar-track {
-  border-left: var(--jp-layout-color1);
+.jp-SidePanel ::-webkit-scrollbar {
+  background-color: transparent;
 }
 
 
-::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-track:vertical {
+  border-left: 1px solid var(--jp-border-color2);
+}
+
+
+::-webkit-scrollbar-thumb:vertical {
+  border-left: 1px solid var(--jp-border-color2);
+  background-color: var(--jp-layout-color2);
+}
+
+
+::-webkit-scrollbar-track:horizontal {
+  border-top: 1px solid var(--jp-border-color2);
+}
+
+
+::-webkit-scrollbar-thumb:horizontal {
+  border-top: 1px solid var(--jp-border-color2);
   background-color: var(--jp-layout-color2);
 }
 

packages/faq-extension/style/index.css

@@ -21,5 +21,21 @@
 
 .jp-FAQ-content {
   overflow-y: auto;
-  padding: 12px;
+  padding: 16px 32px;
 }
+
+
+.jp-FAQ-content h2 {
+  font-size: 20px;
+  font-weight: 500;
+}
+
+
+.jp-FAQ-content h3 {
+  font-weight: 500;
+}
+
+
+.jp-FAQ-content a {
+  color: var(--jp-brand-color1);
+}