Fix collection menu padding (#21451)

frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx

@@ -77,6 +77,10 @@ export const CollectionsMoreIcon = styled(Icon)`
   color: ${color("text-medium")};
 `;
 
+export const CollectionMenuList = styled.ul`
+  padding: 0.5rem;
+`;
+
 export const LoadingContainer = styled.div`
   color: ${color("brand")};
   text-align: center;

frontend/src/metabase/nav/containers/MainNavbar/MainNavbarView.tsx

@@ -25,6 +25,7 @@ import {
   BrowseLink,
   CollectionsMoreIconContainer,
   CollectionsMoreIcon,
+  CollectionMenuList,
   ProfileLinkContainer,
   SidebarContentRoot,
   SidebarHeading,
@@ -141,7 +142,7 @@ function CollectionSectionHeading({
 }: CollectionSectionHeadingProps) {
   const renderMenu = useCallback(
     ({ onClose }) => (
-      <ul>
+      <CollectionMenuList>
         {currentUser.is_superuser && (
           <SidebarLink
             icon={getCollectionIcon(PERSONAL_COLLECTIONS)}
@@ -154,7 +155,7 @@ function CollectionSectionHeading({
         <SidebarLink icon="view_archive" url={ARCHIVE_URL} onClick={onClose}>
           {t`View archive`}
         </SidebarLink>
-      </ul>
+      </CollectionMenuList>
     ),
     [currentUser],
   );