styling algolia container

docs-sidebar/search.css

@@ -56,11 +56,25 @@
  * Algolia DocSearch
  */
 
-/* Bottom border of each suggestion */
+.aa-dropdown-menu {
+  padding: 2px !important;
+  border-color: var(--color-grey_base) !important;
+  overflow: hidden;
+  box-shadow: 0 2px 6px rgba(76,93,121,0.22);
+}
+
+.algolia-docsearch-footer {
+  padding: 2px !important;
+}
+
+.algolia-docsearch-footer--logo {
+  height: 10px !important;
+}
+
 .algolia-docsearch-suggestion {
   border-bottom-color: var(--color-grey_lighter) !important;
 }
-/* Main category headers */
+
 .algolia-docsearch-suggestion--category-header {
   background-color: var(--color-skyblue_light) !important;
   color: var(--color-blue_base) !important;
@@ -72,20 +86,17 @@
   background-color: var(--color-white) !important;
 }
 
-/* Highlighted search terms */
 .algolia-docsearch-suggestion--highlight {
   color: var(--color-skyblue_dark) !important;
 }
 
-/* Currently selected suggestion */
 .aa-cursor .algolia-docsearch-suggestion--content {
   color: var(--color-skyblue_dark) !important;
 }
 .aa-cursor .algolia-docsearch-suggestion {
   background: var(--color-grey_lighter) !important;
 }
 
-.ds-dropdown-menu,
 .algolia-docsearch-footer,
 .algolia-docsearch-suggestion__secondary,
 .algolia-docsearch-suggestion--subcategory-column {