Update main.css

docs/template/public/main.css

@@ -1,5 +1,6 @@
 /*
-    For more customization options, visit:
+    Customizes the color of links and hover effects in the body element.
+    For more options on color customization, refer to:
     https://getbootstrap.com/docs/5.3/customize/color/
 */
 body {
@@ -8,10 +9,27 @@ body {
 }
 
 /*
-    The z-index for the selectors '@media (min-width: 768px) body>header' and 'body[data-layout=landing]>header' is set to 1030.
-    To ensure that the '.DocSearch-Container' appears above these elements, its z-index is set to a higher value (1040).
-    The '!important' rule is used to override any other conflicting declarations.
+    Ensures the '.DocSearch-Container' appears above the 'body>header' elements
+    in viewports with a width of 768px or more, and 'body[data-layout=landing]>header' elements.
+    The z-index of these header elements is 1030, so the '.DocSearch-Container' is given a higher z-index of 1040.
+    The '!important' rule is used to override any other conflicting z-index declarations.
 */
 .DocSearch-Container {
     z-index: 1040 !important;
+}
+
+/*
+    Removes padding from 'mark' elements within the '.DocSearch-Container'.
+    This overrides the previous padding of 0.1875em set for 'mark' and '.mark' elements.
+*/
+.DocSearch-Container mark {
+    padding: 0;
+}
+
+/*
+    Sets the vertical alignment of 'svg' elements within '.DocSearch-Hit-icon' to 'baseline'.
+    This overrides the previous 'middle' alignment set for 'img' and 'svg' elements.
+*/
+.DocSearch-Hit-icon>svg {
+    vertical-align: baseline;
 }