Non layout styling (#5)

scss/sidebar.scss

@@ -1,6 +1,4 @@
 .sidebar-wrapper {
-  background: #f5f8ff;
-
   .has-full-page-chat & {
     background: transparent;
   }
@@ -11,4 +9,43 @@
   .sidebar-sections {
     padding: 0;
   }
+  .sidebar-section-link {
+    // font-size: var(--font-up-1); // dont want to change fonts here just yet as font-size can be changed as a user pref.
+    // font-family: "inter";
+    letter-spacing: 0.5px;
+    border-radius: 10px; //visually somewhat consistent with border on main outlet (?)
+    transition: none;
+  }
+}
+.sidebar-section-wrapper {
+  padding-block: 0.45em;
+  .sidebar-section-header {
+    // font-size: var(--font-down-1);
+  }
+  .sidebar-section-content {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-block-xs);
+  }
+}
+
+.sidebar-section-link-wrapper .sidebar-section-link:focus,
+.sidebar-section-link-wrapper .sidebar-section-link:hover {
+  .d-icon {
+    color: var(--primary);
+  }
+}
+
+.sidebar-new-topic-button__wrapper {
+  margin-bottom: 1.5rem;
+  @media screen and (max-width: 1000px) {
+    .sidebar-new-topic-button .d-icon {
+      display: none;
+    }
+  }
+}
+
+.sidebar-wrapper .sidebar-sections {
+  padding: 0 1rem;
 }