diff --git a/frontend/__snapshots__/components-compact-list--compact-list.png b/frontend/__snapshots__/components-compact-list--compact-list.png
index 4a4b5e8704410..49cbfb2048571 100644
Binary files a/frontend/__snapshots__/components-compact-list--compact-list.png and b/frontend/__snapshots__/components-compact-list--compact-list.png differ
diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-3000.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000.png
index bf6d08b1cb083..cb3513e97394d 100644
Binary files a/frontend/__snapshots__/posthog-3000-navigation--navigation-3000.png and b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000.png differ
diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-base.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-base.png
index 87cd957353f8c..d42c385e3c023 100644
Binary files a/frontend/__snapshots__/posthog-3000-navigation--navigation-base.png and b/frontend/__snapshots__/posthog-3000-navigation--navigation-base.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag.png
index 45cc7c6c7b4d5..4638e3c252629 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag.png differ
diff --git a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage.png b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage.png
index 5850c12954b74..84eb120b096bf 100644
Binary files a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage.png and b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage.png differ
diff --git a/frontend/__snapshots__/scenes-app-saved-insights--list-view.png b/frontend/__snapshots__/scenes-app-saved-insights--list-view.png
index ae911ef6d0319..8bfe21cb3985b 100644
Binary files a/frontend/__snapshots__/scenes-app-saved-insights--list-view.png and b/frontend/__snapshots__/scenes-app-saved-insights--list-view.png differ
diff --git a/frontend/src/layout/navigation-3000/Navigation.scss b/frontend/src/layout/navigation-3000/Navigation.scss
index cccca30bc0e4b..74236f4e9a7fc 100644
--- a/frontend/src/layout/navigation-3000/Navigation.scss
+++ b/frontend/src/layout/navigation-3000/Navigation.scss
@@ -57,14 +57,9 @@
         z-index: var(--z-main-nav);
 
         .LemonButton {
-            min-height: 2.25rem !important; // Reduce minimum height
-
-            > span {
+            .LemonButton__chrome {
                 padding: 0.25rem !important;
-            }
-
-            .LemonButton__content {
-                font-size: 0.813rem;
+                font-size: 0.8125rem;
             }
         }
 
@@ -77,7 +72,7 @@
         }
 
         li + li {
-            margin-top: 0.25rem;
+            margin-top: -1px;
         }
     }
 }
diff --git a/frontend/src/layout/navigation-3000/components/Breadcrumbs.scss b/frontend/src/layout/navigation-3000/components/Breadcrumbs.scss
index 0cf4e5a260384..51124686f5429 100644
--- a/frontend/src/layout/navigation-3000/components/Breadcrumbs.scss
+++ b/frontend/src/layout/navigation-3000/components/Breadcrumbs.scss
@@ -37,7 +37,7 @@
 
 .Breadcrumbs3000__crumbs {
     height: 1rem;
-    margin-top: 0.25rem;
+    margin-top: calc(0.25rem * (1 - var(--breadcrumbs-compaction-rate)));
     display: flex;
     align-items: center;
     overflow: visible;
diff --git a/frontend/src/layout/navigation-3000/components/Navbar.tsx b/frontend/src/layout/navigation-3000/components/Navbar.tsx
index 33f73e869b6fa..c620d0c9b927f 100644
--- a/frontend/src/layout/navigation-3000/components/Navbar.tsx
+++ b/frontend/src/layout/navigation-3000/components/Navbar.tsx
@@ -3,7 +3,6 @@ import { LemonBadge } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 import { commandBarLogic } from 'lib/components/CommandBar/commandBarLogic'
 import { Resizer } from 'lib/components/Resizer/Resizer'
-import { useFeatureFlag } from 'lib/hooks/useFeatureFlag'
 import { Popover } from 'lib/lemon-ui/Popover'
 import { ProfilePicture } from 'lib/lemon-ui/ProfilePicture'
 import { featureFlagLogic } from 'lib/logic/featureFlagLogic'
@@ -14,7 +13,6 @@ import { userLogic } from 'scenes/userLogic'
 
 import { navigationLogic } from '~/layout/navigation/navigationLogic'
 import { SitePopoverOverlay } from '~/layout/navigation/TopBar/SitePopover'
-import { KeyboardShortcut } from '~/layout/navigation-3000/components/KeyboardShortcut'
 
 import { navigation3000Logic } from '../navigationLogic'
 import { themeLogic } from '../themeLogic'
@@ -47,7 +45,6 @@ export function Navbar(): JSX.Element {
     const { toggleSearchBar } = useActions(commandBarLogic)
 
     const containerRef = useRef<HTMLDivElement | null>(null)
-    const isUsingNewNav = useFeatureFlag('POSTHOG_3000_NAV')
 
     return (
         <nav className="Navbar3000" ref={containerRef}>
@@ -89,15 +86,7 @@ export function Navbar(): JSX.Element {
                             icon={<IconSearch />}
                             title="Search"
                             onClick={toggleSearchBar}
-                            sideIcon={
-                                !isUsingNewNav ? (
-                                    <span className="text-xs">
-                                        <KeyboardShortcut shift k />
-                                    </span>
-                                ) : (
-                                    <></>
-                                )
-                            }
+                            keyboardShortcut={{ command: true, k: true }}
                         />
                         <NavbarButton
                             icon={<ThemeIcon />}
diff --git a/frontend/src/layout/navigation-3000/components/NavbarButton.tsx b/frontend/src/layout/navigation-3000/components/NavbarButton.tsx
index 04536b853e6d3..51996b0419c3f 100644
--- a/frontend/src/layout/navigation-3000/components/NavbarButton.tsx
+++ b/frontend/src/layout/navigation-3000/components/NavbarButton.tsx
@@ -10,11 +10,11 @@ import { sceneLogic } from 'scenes/sceneLogic'
 import { SidebarChangeNoticeContent, useSidebarChangeNotices } from '~/layout/navigation/SideBar/SidebarChangeNotice'
 
 import { navigation3000Logic } from '../navigationLogic'
+import { KeyboardShortcut, KeyboardShortcutProps } from './KeyboardShortcut'
 
 export interface NavbarButtonProps {
     identifier: string
     icon: ReactElement
-    sideIcon?: ReactElement
     title?: string
     shortTitle?: string
     tag?: 'alpha' | 'beta'
@@ -22,94 +22,107 @@ export interface NavbarButtonProps {
     to?: string
     persistentTooltip?: boolean
     active?: boolean
+    keyboardShortcut?: KeyboardShortcutProps
 }
 
 export const NavbarButton: FunctionComponent<NavbarButtonProps> = React.forwardRef<
     HTMLButtonElement,
     NavbarButtonProps
->(({ identifier, shortTitle, title, tag, onClick, persistentTooltip, ...buttonProps }, ref): JSX.Element => {
-    const { aliasedActiveScene } = useValues(sceneLogic)
-    const { isNavCollapsed } = useValues(navigation3000Logic)
-    const isUsingNewNav = useFeatureFlag('POSTHOG_3000_NAV')
+>(
+    (
+        { identifier, shortTitle, title, tag, onClick, persistentTooltip, keyboardShortcut, ...buttonProps },
+        ref
+    ): JSX.Element => {
+        const { aliasedActiveScene } = useValues(sceneLogic)
+        const { isNavCollapsed } = useValues(navigation3000Logic)
+        const isUsingNewNav = useFeatureFlag('POSTHOG_3000_NAV')
 
-    const [hasBeenClicked, setHasBeenClicked] = useState(false)
+        const [hasBeenClicked, setHasBeenClicked] = useState(false)
 
-    const here = aliasedActiveScene === identifier
-    const isNavCollapsedActually = isNavCollapsed || isUsingNewNav
+        const here = aliasedActiveScene === identifier
+        const isNavCollapsedActually = isNavCollapsed || isUsingNewNav
 
-    if (!isUsingNewNav) {
-        buttonProps.active = here
-    }
+        if (!isUsingNewNav) {
+            buttonProps.active = here
+        }
 
-    let content: JSX.Element | string | undefined
-    if (!isNavCollapsedActually) {
-        content = shortTitle || title
-        if (tag) {
-            if (tag === 'alpha') {
-                content = (
-                    <>
-                        <span className="grow">{content}</span>
-                        <LemonTag type="completion" size="small" className="ml-2">
-                            ALPHA
-                        </LemonTag>
-                    </>
-                )
-            } else if (tag === 'beta') {
-                content = (
-                    <>
-                        <span className="grow">{content}</span>
-                        <LemonTag type="warning" size="small" className="ml-2">
-                            BETA
-                        </LemonTag>
-                    </>
-                )
+        let content: JSX.Element | string | undefined
+        if (!isNavCollapsedActually) {
+            content = shortTitle || title
+            if (tag) {
+                if (tag === 'alpha') {
+                    content = (
+                        <>
+                            <span className="grow">{content}</span>
+                            <LemonTag type="completion" size="small" className="ml-2">
+                                ALPHA
+                            </LemonTag>
+                        </>
+                    )
+                } else if (tag === 'beta') {
+                    content = (
+                        <>
+                            <span className="grow">{content}</span>
+                            <LemonTag type="warning" size="small" className="ml-2">
+                                BETA
+                            </LemonTag>
+                        </>
+                    )
+                }
             }
         }
-    }
 
-    const buttonContent = (
-        <LemonButton
-            ref={ref}
-            data-attr={`menu-item-${identifier.toString().toLowerCase()}`}
-            onMouseEnter={() => setHasBeenClicked(false)}
-            onClick={() => {
-                setHasBeenClicked(true)
-                onClick?.()
-            }}
-            className={clsx('NavbarButton', isUsingNewNav && here && 'NavbarButton--here')}
-            fullWidth
-            type="secondary"
-            stealth={true}
-            {...buttonProps}
-        >
-            {content}
-        </LemonButton>
-    )
+        const buttonContent = (
+            <LemonButton
+                ref={ref}
+                data-attr={`menu-item-${identifier.toString().toLowerCase()}`}
+                onMouseEnter={() => setHasBeenClicked(false)}
+                onClick={() => {
+                    setHasBeenClicked(true)
+                    onClick?.()
+                }}
+                className={clsx('NavbarButton', isUsingNewNav && here && 'NavbarButton--here')}
+                fullWidth
+                type="secondary"
+                stealth={true}
+                sideIcon={
+                    !isNavCollapsedActually && keyboardShortcut ? (
+                        <span className="text-xs">
+                            <KeyboardShortcut {...keyboardShortcut} />
+                        </span>
+                    ) : null
+                }
+                {...buttonProps}
+            >
+                {content}
+            </LemonButton>
+        )
 
-    const [notices, onAcknowledged] = useSidebarChangeNotices({ identifier })
+        const [notices, onAcknowledged] = useSidebarChangeNotices({ identifier })
 
-    return (
-        <li className="w-full">
-            {notices.length ? (
-                <Tooltip
-                    title={<SidebarChangeNoticeContent notices={notices} onAcknowledged={onAcknowledged} />}
-                    placement={notices[0].placement ?? 'right'}
-                    delayMs={0}
-                    visible={true}
-                >
-                    {buttonContent}
-                </Tooltip>
-            ) : (
-                <Tooltip
-                    title={isNavCollapsedActually ? (here ? `${title} (you are here)` : title) : null}
-                    placement="right"
-                    delayMs={0}
-                    visible={!persistentTooltip && hasBeenClicked ? false : undefined} // Force-hide tooltip after button click
-                >
-                    {buttonContent}
-                </Tooltip>
-            )}
-        </li>
-    )
-})
+        return (
+            <li className="w-full">
+                {notices.length ? (
+                    <Tooltip
+                        title={<SidebarChangeNoticeContent notices={notices} onAcknowledged={onAcknowledged} />}
+                        placement={notices[0].placement ?? 'right'}
+                        delayMs={0}
+                        visible={true}
+                    >
+                        {buttonContent}
+                    </Tooltip>
+                ) : (
+                    <Tooltip
+                        title={isNavCollapsedActually ? (here ? `${title} (you are here)` : title) : null}
+                        placement="right"
+                        delayMs={0}
+                        visible={!persistentTooltip && hasBeenClicked ? false : undefined} // Force-hide tooltip after button click
+                    >
+                        {buttonContent}
+                    </Tooltip>
+                )}
+            </li>
+        )
+    }
+)
 NavbarButton.displayName = 'NavbarButton'
diff --git a/frontend/src/lib/components/CompactList/CompactList.scss b/frontend/src/lib/components/CompactList/CompactList.scss
index 930ea6f17b1b1..5c0e76c6093a3 100644
--- a/frontend/src/lib/components/CompactList/CompactList.scss
+++ b/frontend/src/lib/components/CompactList/CompactList.scss
@@ -1,7 +1,7 @@
 .compact-list {
     border-radius: var(--radius);
     border: 1px solid var(--border);
-    height: calc(19.5rem + 1px);
+    height: calc(19.25rem);
     background: var(--bg-light);
     box-sizing: content-box;
     display: flex;
@@ -22,23 +22,13 @@
         }
     }
 
-    .spacer-container {
-        padding: 0 1rem;
-    }
-
     .scrollable-list {
         flex: 1;
-        overflow: auto auto;
-        padding: 0 0.5rem 0.5rem;
+        overflow: auto;
+        padding: 0 0.5rem;
     }
 
     .LemonButton {
         font-family: var(--font-sans) !important;
     }
-
-    .secondary-text {
-        .posthog-3000 & {
-            color: var(--text-secondary);
-        }
-    }
 }
diff --git a/frontend/src/lib/components/CompactList/CompactList.tsx b/frontend/src/lib/components/CompactList/CompactList.tsx
index 630d88cc4596d..eaa3f392c1013 100644
--- a/frontend/src/lib/components/CompactList/CompactList.tsx
+++ b/frontend/src/lib/components/CompactList/CompactList.tsx
@@ -29,7 +29,7 @@ export function CompactList({
                 <h3>{title}</h3>
                 {viewAllURL && <LemonButton to={viewAllURL}>View all</LemonButton>}
             </div>
-            <div className="spacer-container">
+            <div className="mx-2">
                 <LemonDivider />
             </div>
             <div className="scrollable-list">
diff --git a/frontend/src/lib/components/PageHeader.tsx b/frontend/src/lib/components/PageHeader.tsx
index bf9215aac778f..365b00def6c2a 100644
--- a/frontend/src/lib/components/PageHeader.tsx
+++ b/frontend/src/lib/components/PageHeader.tsx
@@ -1,9 +1,8 @@
 import clsx from 'clsx'
 import { useValues } from 'kea'
-import { FEATURE_FLAGS } from 'lib/constants'
 import { useFeatureFlag } from 'lib/hooks/useFeatureFlag'
+import { Within3000PageHeaderContext } from 'lib/lemon-ui/LemonButton/LemonButton'
 import { LemonDivider } from 'lib/lemon-ui/LemonDivider'
-import { featureFlagLogic } from 'lib/logic/featureFlagLogic'
 import { createPortal } from 'react-dom'
 import { DraggableToNotebook, DraggableToNotebookProps } from 'scenes/notebooks/AddToNotebook/DraggableToNotebook'
 
@@ -32,13 +31,9 @@ export function PageHeader({
 }: PageHeaderProps): JSX.Element | null {
     const is3000 = useFeatureFlag('POSTHOG_3000')
     const { actionsContainer } = useValues(breadcrumbsLogic)
-    const { featureFlags } = useValues(featureFlagLogic)
-
-    const has3000 = featureFlags[FEATURE_FLAGS.POSTHOG_3000]
 
     return (
         <>
-            {}
             {(!is3000 || description) && (
                 <div className="page-title-row flex justify-between" style={style}>
                     <div className="min-w-0">
@@ -55,10 +50,18 @@ export function PageHeader({
                     {!is3000 && <div className="page-buttons">{buttons}</div>}
                 </div>
             )}
-            {is3000 && buttons && actionsContainer && createPortal(buttons, actionsContainer)}
+            {is3000 &&
+                buttons &&
+                actionsContainer &&
+                createPortal(
+                    <Within3000PageHeaderContext.Provider value={is3000}>
+                        {buttons}
+                    </Within3000PageHeaderContext.Provider>,
+                    actionsContainer
+                )}
 
             {caption && <div className={clsx('page-caption', tabbedPage && 'tabbed')}>{caption}</div>}
-            {delimited && <LemonDivider className={has3000 ? 'hidden' : 'my-4'} />}
+            {delimited && <LemonDivider className={is3000 ? 'hidden' : 'my-4'} />}
         </>
     )
 }
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss
index 3165f8c8d6fb6..2a23964cfc0f9 100644
--- a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss
+++ b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss
@@ -102,8 +102,7 @@
         }
     }
 
-    &.LemonButton--small,
-    .Breadcrumbs3000 & {
+    &.LemonButton--small {
         gap: 0.25rem;
 
         > span {
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.tsx b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.tsx
index d15b256a41f2c..087f10ea8558f 100644
--- a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.tsx
+++ b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.tsx
@@ -111,6 +111,7 @@ export const LemonButton: React.FunctionComponent<LemonButtonProps & React.RefAt
             ref
         ): JSX.Element => {
             const [popoverVisibility, popoverPlacement] = useContext(PopoverReferenceContext) || [false, null]
+            const within3000PageHeader = useContext(Within3000PageHeaderContext)
 
             if (!active && popoverVisibility) {
                 active = true
@@ -129,6 +130,9 @@ export const LemonButton: React.FunctionComponent<LemonButtonProps & React.RefAt
                 icon = <Spinner textColored />
                 disabled = true // Cannot interact with a loading button
             }
+            if (within3000PageHeader) {
+                size = 'small'
+            }
 
             let tooltipContent: TooltipProps['title']
             if (disabledReason) {
@@ -186,7 +190,7 @@ export const LemonButton: React.FunctionComponent<LemonButtonProps & React.RefAt
                     {...linkDependentProps}
                     {...buttonProps}
                 >
-                    <span>
+                    <span className="LemonButton__chrome">
                         {icon ? <span className="LemonButton__icon">{icon}</span> : null}
                         {children ? <span className="LemonButton__content">{children}</span> : null}
                         {sideIcon ? <span className="LemonButton__icon">{sideIcon}</span> : null}
@@ -212,6 +216,8 @@ export const LemonButton: React.FunctionComponent<LemonButtonProps & React.RefAt
     )
 LemonButton.displayName = 'LemonButton'
 
+export const Within3000PageHeaderContext = React.createContext<boolean>(false)
+
 export type SideAction = Pick<
     LemonButtonProps,
     'onClick' | 'to' | 'disabled' | 'icon' | 'type' | 'tooltip' | 'data-attr' | 'aria-label' | 'status' | 'targetBlank'
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
index 59778e361760e..70fa6ad667194 100644
--- a/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
+++ b/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
@@ -6,7 +6,7 @@
         border-width: 0;
         border-style: solid;
         border-color: transparent;
-        min-height: 2em;
+        min-height: 2.125rem;
         padding: 0;
         position: relative;
         outline: none;
@@ -14,7 +14,7 @@
         border-radius: 6px;
         cursor: pointer;
 
-        > span {
+        .LemonButton__chrome {
             border-radius: 6px;
             font-size: 0.875rem;
             display: flex;
@@ -23,13 +23,12 @@
             align-items: center;
             justify-content: flex-start;
             background: none;
-            border-width: 1px;
             border-style: solid;
             border-color: transparent;
             font-weight: 500;
             gap: 0.5rem;
             line-height: 1.5rem;
-            min-height: 2em;
+            min-height: 2.125rem;
             position: relative;
             text-align: left;
             transition: var(--transition);
@@ -41,48 +40,53 @@
             }
         }
 
+        &.LemonButton--full-width {
+            .LemonButton__chrome {
+                padding-left: 0.5rem;
+                padding-right: 0.5rem;
+            }
+        }
+
         &.LemonButton--xsmall {
             min-height: 1.5rem;
             padding-left: 0;
+            font-size: 0.8125rem;
 
-            > span {
+            .LemonButton__chrome {
                 min-height: 1.5rem;
                 padding: 0.125rem 0.375rem;
             }
 
-            &.LemonButton--has-icon:not(.LemonButton--no-padding),
-            &.LemonButton--no-content:not(.LemonButton--no-padding) {
-                > span {
+            &.LemonButton--has-icon:not(.LemonButton--no-content, .LemonButton--no-padding) {
+                .LemonButton__chrome {
                     padding-left: 0.25rem;
                 }
             }
 
-            &.LemonButton--has-side-icon:not(.LemonButton--no-padding),
-            &.LemonButton--no-content:not(.LemonButton--no-padding) {
-                > span {
+            &.LemonButton--has-side-icon:not(.LemonButton--no-content, .LemonButton--no-padding) {
+                .LemonButton__chrome {
                     padding-right: 0.25rem;
                 }
             }
         }
 
         &.LemonButton--small {
-            min-height: 1.8rem;
+            min-height: 1.75rem;
+            font-size: 0.8125rem;
 
-            > span {
-                min-height: 1.8rem;
+            .LemonButton__chrome {
+                min-height: 1.75rem;
                 padding: 0.25rem 0.5rem;
             }
 
-            &.LemonButton--has-icon:not(.LemonButton--no-padding),
-            &.LemonButton--no-content:not(.LemonButton--no-padding) {
-                > span {
+            &.LemonButton--has-icon:not(.LemonButton--no-content, .LemonButton--no-padding) {
+                .LemonButton__chrome {
                     padding-left: 0.375rem;
                 }
             }
 
-            &.LemonButton--has-side-icon:not(.LemonButton--no-padding),
-            &.LemonButton--no-content:not(.LemonButton--no-padding) {
-                > span {
+            &.LemonButton--has-side-icon:not(.LemonButton--no-content, .LemonButton--no-padding) {
+                .LemonButton__chrome {
                     padding-right: 0.375rem;
                 }
             }
@@ -91,26 +95,24 @@
         &.LemonButton--large {
             min-height: 2.5rem;
 
-            > span {
+            .LemonButton__chrome {
                 gap: 0.75rem;
                 min-height: 2.5rem;
                 padding: 0.5rem 1rem;
             }
 
-            &.LemonButton--has-icon:not(.LemonButton--no-padding),
-            &.LemonButton--no-content:not(.LemonButton--no-padding) {
+            &.LemonButton--has-icon:not(.LemonButton--no-content, .LemonButton--no-padding) {
                 padding-left: 0;
 
-                > span {
+                .LemonButton__chrome {
                     padding-left: 0.75rem;
                 }
             }
 
-            &.LemonButton--has-side-icon:not(.LemonButton--no-padding),
-            &.LemonButton--no-content:not(.LemonButton--no-padding) {
+            &.LemonButton--has-side-icon:not(.LemonButton--no-content, .LemonButton--no-padding) {
                 padding-right: 0;
 
-                > span {
+                .LemonButton__chrome {
                     padding-right: 0.75rem;
                 }
             }
@@ -120,7 +122,7 @@
             padding: 0;
             min-height: 0;
 
-            > span {
+            .LemonButton__chrome {
                 padding: 0;
                 min-height: 0;
             }
@@ -130,20 +132,21 @@
             border-width: 1px;
             padding-bottom: 1px;
 
-            > span {
+            .LemonButton__chrome {
+                border-width: 1px;
                 margin: 0 -1px;
                 top: -1px;
             }
 
             &:not([aria-disabled='true']):hover,
             &.LemonButton--active {
-                > span {
+                .LemonButton__chrome {
                     top: -1.5px;
                 }
             }
 
             &:not([aria-disabled='true']):active {
-                > span {
+                .LemonButton__chrome {
                     top: -0.5px;
                 }
             }
@@ -153,7 +156,7 @@
             background: var(--primary-3000-frame-bg);
             border-color: var(--primary-3000-frame-border);
 
-            > span {
+            .LemonButton__chrome {
                 background: var(--primary-3000-button-bg);
                 border-color: var(--primary-3000-button-border);
                 color: #111;
@@ -170,18 +173,18 @@
             background: var(--secondary-3000-frame-bg);
             border-color: var(--secondary-3000-frame-border);
 
-            &:not([aria-disabled='true']):hover > span {
+            &:not([aria-disabled='true']):hover .LemonButton__chrome {
                 border-color: var(--secondary-3000-button-border-hover);
             }
 
-            > span {
+            .LemonButton__chrome {
                 color: var(--default);
                 background: var(--accent-3000);
                 border-color: var(--secondary-3000-button-border);
             }
 
             &.LemonButton--active {
-                > span {
+                .LemonButton__chrome {
                     color: var(--default);
                     background: var(--bg-light);
                     border-color: var(--secondary-3000-button-border-hover);
@@ -191,7 +194,7 @@
 
         &.LemonButton--is-stealth:not(.LemonButton--active) {
             &:hover {
-                > span {
+                .LemonButton__chrome {
                     border-color: var(--secondary-3000-button-border);
                 }
             }
@@ -200,7 +203,7 @@
                 background-color: transparent;
                 border-color: transparent;
 
-                > span {
+                .LemonButton__chrome {
                     background-color: transparent;
                     border-color: transparent;
                     color: var(--muted);
@@ -243,19 +246,19 @@
         border-top-right-radius: 5px;
         border-bottom-right-radius: 5px;
 
-        & .LemonButton {
+        .LemonButton {
             background: none !important;
             border: none !important;
             padding-bottom: 0 !important;
             margin: 0 auto !important;
             height: 100%;
+        }
 
-            > span {
-                margin: auto !important;
-                top: 0 !important;
-                background: none !important;
-                border: none !important;
-            }
+        .LemonButton__chrome {
+            margin: auto !important;
+            top: 0 !important;
+            background: none !important;
+            border: none !important;
         }
 
         &:not([aria-disabled='true']):hover {
diff --git a/frontend/src/lib/lemon-ui/LemonTable/LemonTable.scss b/frontend/src/lib/lemon-ui/LemonTable/LemonTable.scss
index 6e37c6cd5eecc..4bffbac72b20e 100644
--- a/frontend/src/lib/lemon-ui/LemonTable/LemonTable.scss
+++ b/frontend/src/lib/lemon-ui/LemonTable/LemonTable.scss
@@ -173,14 +173,14 @@
                 padding-bottom: 0.5rem;
 
                 .posthog-3000 & {
-                    padding-top: 0.3rem;
-                    padding-bottom: 0.3rem;
+                    padding-top: 0.3125rem;
+                    padding-bottom: 0.3125rem;
                 }
 
                 .LemonButton {
                     .posthog-3000 & {
-                        margin-top: -0.2rem;
-                        margin-bottom: -0.2rem;
+                        margin-top: -0.25rem;
+                        margin-bottom: -0.25rem;
                     }
                 }
             }
diff --git a/frontend/src/lib/lemon-ui/Tooltip/Tooltip.tsx b/frontend/src/lib/lemon-ui/Tooltip/Tooltip.tsx
index db93725b50cd0..87b6182f61d81 100644
--- a/frontend/src/lib/lemon-ui/Tooltip/Tooltip.tsx
+++ b/frontend/src/lib/lemon-ui/Tooltip/Tooltip.tsx
@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-restricted-imports
 import { Tooltip as AntdTooltip } from 'antd'
 import { TooltipProps as AntdTooltipProps } from 'antd/lib/tooltip'
 import React, { useState } from 'react'
diff --git a/frontend/src/scenes/dashboard/Dashboard.tsx b/frontend/src/scenes/dashboard/Dashboard.tsx
index cad193b0c0866..80310d43f6f2c 100644
--- a/frontend/src/scenes/dashboard/Dashboard.tsx
+++ b/frontend/src/scenes/dashboard/Dashboard.tsx
@@ -121,22 +121,20 @@ function DashboardScene(): JSX.Element {
                             DashboardPlacement.Export,
                             DashboardPlacement.FeatureFlag,
                         ].includes(placement) && (
-                            <div className="flex space-x-4">
-                                <div className="flex shrink-0 items-center h-8">
-                                    <DateFilter
-                                        showCustom
-                                        dateFrom={dashboardFilters?.date_from ?? undefined}
-                                        dateTo={dashboardFilters?.date_to ?? undefined}
-                                        onChange={setDates}
-                                        disabled={!canEditDashboard}
-                                        makeLabel={(key) => (
-                                            <>
-                                                <IconCalendar />
-                                                <span className="hide-when-small"> {key}</span>
-                                            </>
-                                        )}
-                                    />
-                                </div>
+                            <div className="flex space-x-4 items-center">
+                                <DateFilter
+                                    showCustom
+                                    dateFrom={dashboardFilters?.date_from ?? undefined}
+                                    dateTo={dashboardFilters?.date_to ?? undefined}
+                                    onChange={setDates}
+                                    disabled={!canEditDashboard}
+                                    makeLabel={(key) => (
+                                        <>
+                                            <IconCalendar />
+                                            <span className="hide-when-small"> {key}</span>
+                                        </>
+                                    )}
+                                />
                                 <PropertyFilters
                                     onChange={setProperties}
                                     pageKey={'dashboard_' + dashboard?.id}
diff --git a/frontend/src/scenes/project-homepage/ProjectHomePageCompactListItem.tsx b/frontend/src/scenes/project-homepage/ProjectHomePageCompactListItem.tsx
index 2ea324dfaf8b5..cefd3e82870bc 100644
--- a/frontend/src/scenes/project-homepage/ProjectHomePageCompactListItem.tsx
+++ b/frontend/src/scenes/project-homepage/ProjectHomePageCompactListItem.tsx
@@ -17,13 +17,13 @@ export function ProjectHomePageCompactListItem({
     suffix,
 }: RecentItemRowProps): JSX.Element {
     return (
-        <LemonButton fullWidth to={to} onClick={onClick}>
-            <div className="flex items-center justify-between h-10 overflow-hidden gap-2 flex-1">
-                {prefix ? <span className="shrink-0">{prefix}</span> : null}
+        <LemonButton fullWidth to={to} onClick={onClick} className="h-12">
+            <div className="flex items-start justify-between overflow-hidden gap-2 flex-1">
+                {prefix ? <span className="flex shrink-0 text-muted text-xl">{prefix}</span> : null}
 
-                <div className="truncate space-y-1 flex-1">
-                    <div className="text-link font-semibold truncate">{title}</div>
-                    <div className="truncate text-default font-normal secondary-text">{subtitle}</div>
+                <div className="truncate space-y-0.5 flex-1">
+                    <div className="text-link truncate">{title}</div>
+                    <div className="truncate text-muted font-normal text-xs">{subtitle}</div>
                 </div>
 
                 {suffix ? <span className="shrink-0">{suffix}</span> : null}
diff --git a/frontend/src/scenes/saved-insights/SavedInsights.scss b/frontend/src/scenes/saved-insights/SavedInsights.scss
index 84e02c0b92476..a50d141741fc7 100644
--- a/frontend/src/scenes/saved-insights/SavedInsights.scss
+++ b/frontend/src/scenes/saved-insights/SavedInsights.scss
@@ -5,9 +5,14 @@
         padding-bottom: 0.75rem !important;
         padding-top: 0.75rem !important;
 
-        &.icon-column .LemonSkeleton {
-            height: 2rem;
-            width: 2rem;
+        &.icon-column {
+            font-size: 1.5rem;
+            color: var(--muted);
+
+            .LemonSkeleton {
+                height: 2rem;
+                width: 2rem;
+            }
         }
     }
 
diff --git a/frontend/src/scenes/saved-insights/SavedInsights.tsx b/frontend/src/scenes/saved-insights/SavedInsights.tsx
index 95728c2f578bf..8b5efc9cfe5f5 100644
--- a/frontend/src/scenes/saved-insights/SavedInsights.tsx
+++ b/frontend/src/scenes/saved-insights/SavedInsights.tsx
@@ -306,7 +306,7 @@ export function InsightIcon({ insight }: { insight: InsightModel }): JSX.Element
     }
     const insightMetadata = INSIGHT_TYPES_METADATA[insightType]
     if (insightMetadata && insightMetadata.icon) {
-        return <insightMetadata.icon style={{ display: 'block', fontSize: '1rem' }} />
+        return <insightMetadata.icon />
     }
     return null
 }
diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss
index 3dd41fe28849b..76bef66e65647 100644
--- a/frontend/src/styles/vars.scss
+++ b/frontend/src/styles/vars.scss
@@ -243,7 +243,7 @@ $_lifecycle_dormant: $_danger;
     --font-semibold: 600;
     --font-sans: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', helvetica, arial,
         sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-    --font-title: 'MatterSQ', -apple-system, blinkmacsystemfont, 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue',
+    --font-title: 'MatterSQ', -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue',
         helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
     --font-mono: ui-monospace, 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', monospace;