diff --git a/frontend/src/layout/navigation-3000/components/Breadcrumbs.tsx b/frontend/src/layout/navigation-3000/components/Breadcrumbs.tsx
index b818d42923c95..344d36f55f47c 100644
--- a/frontend/src/layout/navigation-3000/components/Breadcrumbs.tsx
+++ b/frontend/src/layout/navigation-3000/components/Breadcrumbs.tsx
@@ -124,7 +124,7 @@ interface HereProps {
 function Here({ breadcrumb }: HereProps): JSX.Element {
     return (
         <h1 className="Breadcrumbs3000__here">
-            <span>{breadcrumb.name || <LemonSkeleton className="w-40" />}</span>
+            <span>{breadcrumb.name || <LemonSkeleton className="w-40 h-4" />}</span>
         </h1>
     )
 }
diff --git a/frontend/src/lib/components/ActivityLog/ActivityLog.tsx b/frontend/src/lib/components/ActivityLog/ActivityLog.tsx
index 9cd152bc34778..17c8c06a1ed40 100644
--- a/frontend/src/lib/components/ActivityLog/ActivityLog.tsx
+++ b/frontend/src/lib/components/ActivityLog/ActivityLog.tsx
@@ -39,7 +39,7 @@ const SkeletonLog = (): JSX.Element => {
         <div className="activity-log-row items-start">
             <LemonSkeleton.Circle />
             <div className="details space-y-4 mt-2">
-                <LemonSkeleton className="w-1/2" />
+                <LemonSkeleton className="w-1/2 h-4" />
                 <LemonSkeleton />
             </div>
         </div>
diff --git a/frontend/src/lib/components/CommandBar/SearchResult.tsx b/frontend/src/lib/components/CommandBar/SearchResult.tsx
index 4d86c69704cfd..d8af7227aaae6 100644
--- a/frontend/src/lib/components/CommandBar/SearchResult.tsx
+++ b/frontend/src/lib/components/CommandBar/SearchResult.tsx
@@ -76,9 +76,9 @@ const SearchResult = ({ result, resultIndex, focused, keyboardFocused }: SearchR
 export const SearchResultSkeleton = (): JSX.Element => (
     <div className="w-full pl-3 pr-2 bg-secondary-3000 border-b">
         <div className="px-2 py-3 w-full space-y-0.5 flex flex-col items-start">
-            <LemonSkeleton className="w-32 opacity-75" height={3} />
-            <LemonSkeleton className="w-80" />
-            <LemonSkeleton className="w-100 opacity-75" height={3} />
+            <LemonSkeleton className="w-32 opacity-75 h-3" />
+            <LemonSkeleton className="w-80 h-4" />
+            <LemonSkeleton className="w-100 opacity-75 h-3" />
         </div>
     </div>
 )
diff --git a/frontend/src/lib/components/Subscriptions/views/EditSubscription.tsx b/frontend/src/lib/components/Subscriptions/views/EditSubscription.tsx
index 1926ad2b7fb12..66f19b0bc54cb 100644
--- a/frontend/src/lib/components/Subscriptions/views/EditSubscription.tsx
+++ b/frontend/src/lib/components/Subscriptions/views/EditSubscription.tsx
@@ -119,11 +119,11 @@ export function EditSubscription({
                 {!subscription ? (
                     subscriptionLoading ? (
                         <div className="space-y-4">
-                            <LemonSkeleton className="w-1/2" />
+                            <LemonSkeleton className="w-1/2 h-4" />
                             <LemonSkeleton.Row />
-                            <LemonSkeleton className="w-1/2" />
+                            <LemonSkeleton className="w-1/2 h-4" />
                             <LemonSkeleton.Row />
-                            <LemonSkeleton className="w-1/2" />
+                            <LemonSkeleton className="w-1/2 h-4" />
                             <LemonSkeleton.Row />
                         </div>
                     ) : (
diff --git a/frontend/src/lib/components/Subscriptions/views/ManageSubscriptions.tsx b/frontend/src/lib/components/Subscriptions/views/ManageSubscriptions.tsx
index 6707c6a097c55..50c782fc12682 100644
--- a/frontend/src/lib/components/Subscriptions/views/ManageSubscriptions.tsx
+++ b/frontend/src/lib/components/Subscriptions/views/ManageSubscriptions.tsx
@@ -88,7 +88,7 @@ export function ManageSubscriptions({
             <LemonModal.Content>
                 {subscriptionsLoading && !subscriptions.length ? (
                     <div className="space-y-2">
-                        <LemonSkeleton className="w-1/2" />
+                        <LemonSkeleton className="w-1/2 h-4" />
                         <LemonSkeleton.Row repeat={2} />
                     </div>
                 ) : subscriptions.length ? (
diff --git a/frontend/src/lib/lemon-ui/LemonSkeleton/LemonSkeleton.tsx b/frontend/src/lib/lemon-ui/LemonSkeleton/LemonSkeleton.tsx
index 2cac518029426..6524b6d573e7b 100644
--- a/frontend/src/lib/lemon-ui/LemonSkeleton/LemonSkeleton.tsx
+++ b/frontend/src/lib/lemon-ui/LemonSkeleton/LemonSkeleton.tsx
@@ -5,29 +5,15 @@ import './LemonSkeleton.scss'
 
 export interface LemonSkeletonProps {
     className?: string
-    /** Height of the skeleton bar */
-    height?: number
     /** Repeat this component this many of times */
     repeat?: number
     /** Used in combination with repeat to progressively fade out the repeated skeletons */
     fade?: boolean
     active?: boolean
 }
-export function LemonSkeleton({
-    className,
-    repeat,
-    height = 4,
-    active = true,
-    fade = false,
-}: LemonSkeletonProps): JSX.Element {
+export function LemonSkeleton({ className, repeat, active = true, fade = false }: LemonSkeletonProps): JSX.Element {
     const content = (
-        <div
-            className={clsx(
-                `LemonSkeleton rounded h-${height}`,
-                !active && 'LemonSkeleton--static',
-                className || 'w-full'
-            )}
-        >
+        <div className={clsx('LemonSkeleton rounded', !active && 'LemonSkeleton--static', className || 'h-4 w-full')}>
             {/* The span is for accessibility, but also because @storybook/test-runner smoke tests require content */}
             <span>Loading…</span>
         </div>
diff --git a/frontend/src/scenes/apps/ErrorDetailsModal.tsx b/frontend/src/scenes/apps/ErrorDetailsModal.tsx
index f5cafdedde71d..926177cd552fb 100644
--- a/frontend/src/scenes/apps/ErrorDetailsModal.tsx
+++ b/frontend/src/scenes/apps/ErrorDetailsModal.tsx
@@ -26,7 +26,7 @@ export function ErrorDetailsModal(): JSX.Element {
             footer={
                 <div className="flex items-center justify-end gap-1 h-">
                     {errorDetailsLoading ? (
-                        <LemonSkeleton className="1-10" />
+                        <LemonSkeleton className="h-10" />
                     ) : (
                         <>
                             <span>
diff --git a/frontend/src/scenes/apps/MetricsTab.tsx b/frontend/src/scenes/apps/MetricsTab.tsx
index 89aed5b90fa45..b5761df9d9815 100644
--- a/frontend/src/scenes/apps/MetricsTab.tsx
+++ b/frontend/src/scenes/apps/MetricsTab.tsx
@@ -78,7 +78,7 @@ export function MetricsOverview({
     exportFailureReason,
 }: MetricsOverviewProps): JSX.Element {
     if (metricsLoading) {
-        return <LemonSkeleton className="w-20 mb-2" repeat={4} />
+        return <LemonSkeleton className="w-20 h-4 mb-2" repeat={4} />
     }
 
     return (
diff --git a/frontend/src/scenes/batch_exports/BatchExportScene.tsx b/frontend/src/scenes/batch_exports/BatchExportScene.tsx
index 148297c77d355..f8f1b778ee6bf 100644
--- a/frontend/src/scenes/batch_exports/BatchExportScene.tsx
+++ b/frontend/src/scenes/batch_exports/BatchExportScene.tsx
@@ -518,7 +518,7 @@ export function BatchExportScene(): JSX.Element {
                         </div>
                     </>
                 ) : (
-                    <LemonSkeleton className="w-10" />
+                    <LemonSkeleton className="w-10 h-4" />
                 )}
             </div>
 
diff --git a/frontend/src/scenes/experiments/Experiment.tsx b/frontend/src/scenes/experiments/Experiment.tsx
index fdc5fe554faee..381aa91a8e51d 100644
--- a/frontend/src/scenes/experiments/Experiment.tsx
+++ b/frontend/src/scenes/experiments/Experiment.tsx
@@ -855,10 +855,10 @@ export function ResultsTag(): JSX.Element {
 export function LoadingState(): JSX.Element {
     return (
         <div className="space-y-4">
-            <LemonSkeleton className="w-1/3" />
+            <LemonSkeleton className="w-1/3 h-4" />
             <LemonSkeleton />
             <LemonSkeleton />
-            <LemonSkeleton className="w-2/3" />
+            <LemonSkeleton className="w-2/3 h-4" />
         </div>
     )
 }
diff --git a/frontend/src/scenes/ingestion/panels/BillingPanel.tsx b/frontend/src/scenes/ingestion/panels/BillingPanel.tsx
index f52269890ece0..b42fef3eb9de0 100644
--- a/frontend/src/scenes/ingestion/panels/BillingPanel.tsx
+++ b/frontend/src/scenes/ingestion/panels/BillingPanel.tsx
@@ -19,8 +19,8 @@ export function BillingPanel(): JSX.Element {
             <CardContainer>
                 <div className="space-y-4" style={{ width: 550 }}>
                     <LemonSkeleton className="w-full h-10" />
-                    <LemonSkeleton className="w-full" />
-                    <LemonSkeleton className="w-full" />
+                    <LemonSkeleton className="w-full h-4" />
+                    <LemonSkeleton className="w-full h-4" />
                     <div className="h-20" />
                     <div className="h-20" />
                     <LemonSkeleton className="w-full h-10" />
diff --git a/frontend/src/scenes/insights/InsightSkeleton.tsx b/frontend/src/scenes/insights/InsightSkeleton.tsx
index c376a20158586..1ee2f8c53ff97 100644
--- a/frontend/src/scenes/insights/InsightSkeleton.tsx
+++ b/frontend/src/scenes/insights/InsightSkeleton.tsx
@@ -4,8 +4,8 @@ export function InsightSkeleton(): JSX.Element {
     return (
         <>
             <div className="my-6 space-y-4">
-                <LemonSkeleton className="w-1/4" />
-                <LemonSkeleton className="w-1/2" repeat={3} />
+                <LemonSkeleton className="w-1/4 h-4" />
+                <LemonSkeleton className="w-1/2 h-4" repeat={3} />
                 <LemonSkeleton />
                 <div className="border rounded p-6 flex items-center gap-4">
                     <div className="flex-1 space-y-2">
diff --git a/frontend/src/scenes/notebooks/Nodes/NotebookNodePerson.tsx b/frontend/src/scenes/notebooks/Nodes/NotebookNodePerson.tsx
index d54a338c14b5d..fa6c83a5c868b 100644
--- a/frontend/src/scenes/notebooks/Nodes/NotebookNodePerson.tsx
+++ b/frontend/src/scenes/notebooks/Nodes/NotebookNodePerson.tsx
@@ -92,7 +92,7 @@ const Component = ({ attributes }: NotebookNodeProps<NotebookNodePersonAttribute
                     )
                 })
             ) : (
-                <LemonSkeleton className="w-18 my-1" />
+                <LemonSkeleton className="h-4 w-18 my-1" />
             )}
         </div>
     )
diff --git a/frontend/src/scenes/project-homepage/ProjectHomepage.tsx b/frontend/src/scenes/project-homepage/ProjectHomepage.tsx
index c8fea74e75c9c..80cc8e5b02b9f 100644
--- a/frontend/src/scenes/project-homepage/ProjectHomepage.tsx
+++ b/frontend/src/scenes/project-homepage/ProjectHomepage.tsx
@@ -83,7 +83,7 @@ export function ProjectHomepage(): JSX.Element {
                 <>
                     <div className="homepage-dashboard-header">
                         <div className="dashboard-title-container">
-                            {!dashboard && <LemonSkeleton className="w-20" />}
+                            {!dashboard && <LemonSkeleton className="w-20 h-4" />}
                             {dashboard?.name && (
                                 <>
                                     <IconCottage className="mr-2 text-warning text-2xl" />
diff --git a/frontend/src/scenes/session-recordings/player/PlayerMeta.tsx b/frontend/src/scenes/session-recordings/player/PlayerMeta.tsx
index 1baf6cfc23832..08d675cb62db1 100644
--- a/frontend/src/scenes/session-recordings/player/PlayerMeta.tsx
+++ b/frontend/src/scenes/session-recordings/player/PlayerMeta.tsx
@@ -99,7 +99,7 @@ export function PlayerMeta(): JSX.Element {
     const whitelabel = getCurrentExporterData()?.whitelabel ?? false
 
     const resolutionView = sessionPlayerMetaDataLoading ? (
-        <LemonSkeleton className="w-1/3" />
+        <LemonSkeleton className="w-1/3 h-4" />
     ) : resolution ? (
         <Tooltip
             placement="bottom"
@@ -168,7 +168,7 @@ export function PlayerMeta(): JSX.Element {
                     <div className="overflow-hidden ph-no-capture flex-1">
                         <div className="font-bold">
                             {!sessionPerson || !startTime ? (
-                                <LemonSkeleton className="w-1/3 my-1" />
+                                <LemonSkeleton className="w-1/3 h-4 my-1" />
                             ) : (
                                 <div className="flex gap-1">
                                     <span className="whitespace-nowrap truncate">
@@ -186,7 +186,7 @@ export function PlayerMeta(): JSX.Element {
                         </div>
                         <div className="text-muted">
                             {sessionPlayerMetaDataLoading ? (
-                                <LemonSkeleton className="w-1/4 my-1" />
+                                <LemonSkeleton className="w-1/4 h-4 my-1" />
                             ) : sessionProperties ? (
                                 <SessionPropertyMeta
                                     fullScreen={isFullScreen}
@@ -206,7 +206,7 @@ export function PlayerMeta(): JSX.Element {
                     })}
                 >
                     {sessionPlayerMetaDataLoading ? (
-                        <LemonSkeleton className="w-1/3 my-1" />
+                        <LemonSkeleton className="w-1/3 h-4 my-1" />
                     ) : (
                         <>
                             <Tooltip
diff --git a/frontend/src/scenes/session-recordings/player/playlist-popover/PlaylistPopover.tsx b/frontend/src/scenes/session-recordings/player/playlist-popover/PlaylistPopover.tsx
index f862c183bad59..293ce7aff4cfc 100644
--- a/frontend/src/scenes/session-recordings/player/playlist-popover/PlaylistPopover.tsx
+++ b/frontend/src/scenes/session-recordings/player/playlist-popover/PlaylistPopover.tsx
@@ -109,7 +109,7 @@ export function PlaylistPopoverButton(props: LemonButtonProps): JSX.Element {
                                 ))}
                             </div>
                         ) : playlistsLoading ? (
-                            <LemonSkeleton className="my-2" repeat={3} />
+                            <LemonSkeleton className="my-2 h-4" repeat={3} />
                         ) : (
                             <div className="p-2 text-center text-muted">No playlists found</div>
                         )}
diff --git a/frontend/src/scenes/session-recordings/playlist/SessionRecordingPreview.tsx b/frontend/src/scenes/session-recordings/playlist/SessionRecordingPreview.tsx
index 41b2eb89817f2..d3acb8f7aa308 100644
--- a/frontend/src/scenes/session-recordings/playlist/SessionRecordingPreview.tsx
+++ b/frontend/src/scenes/session-recordings/playlist/SessionRecordingPreview.tsx
@@ -110,7 +110,7 @@ function ActivityIndicators({
                     )
                 })
             ) : (
-                <LemonSkeleton className="w-18 my-1" />
+                <LemonSkeleton className="w-18 h-4 my-1" />
             )}
         </div>
     )
@@ -236,8 +236,8 @@ export function SessionRecordingPreview({
 export function SessionRecordingPreviewSkeleton(): JSX.Element {
     return (
         <div className="p-4 space-y-2">
-            <LemonSkeleton className="w-1/2" />
-            <LemonSkeleton className="w-1/3" />
+            <LemonSkeleton className="w-1/2 h-4" />
+            <LemonSkeleton className="w-1/3 h-4" />
         </div>
     )
 }
diff --git a/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylistScene.tsx b/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylistScene.tsx
index 447fe87662123..61f917d98ddb0 100644
--- a/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylistScene.tsx
+++ b/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylistScene.tsx
@@ -35,8 +35,8 @@ export function SessionRecordingsPlaylistScene(): JSX.Element {
         return (
             <div className="space-y-4 mt-6">
                 <LemonSkeleton className="h-10 w-1/4" />
-                <LemonSkeleton className=" w-1/3" />
-                <LemonSkeleton className=" w-1/4" />
+                <LemonSkeleton className="h-4 w-1/3" />
+                <LemonSkeleton className="h-4 w-1/4" />
 
                 <div className="flex justify-between mt-4">
                     <LemonSkeleton.Button />
diff --git a/frontend/src/scenes/settings/project/PersonDisplayNameProperties.tsx b/frontend/src/scenes/settings/project/PersonDisplayNameProperties.tsx
index df85da1d32db3..db44c40c6a962 100644
--- a/frontend/src/scenes/settings/project/PersonDisplayNameProperties.tsx
+++ b/frontend/src/scenes/settings/project/PersonDisplayNameProperties.tsx
@@ -17,7 +17,7 @@ export function PersonDisplayNameProperties(): JSX.Element {
     )
 
     if (!currentTeam) {
-        return <LemonSkeleton className="w-1/2" />
+        return <LemonSkeleton className="w-1/2 h-4" />
     }
 
     return (
diff --git a/frontend/src/scenes/settings/project/ProjectSettings.tsx b/frontend/src/scenes/settings/project/ProjectSettings.tsx
index ac6d40c2849a5..3d935f09e3e56 100644
--- a/frontend/src/scenes/settings/project/ProjectSettings.tsx
+++ b/frontend/src/scenes/settings/project/ProjectSettings.tsx
@@ -58,7 +58,7 @@ export function WebSnippet(): JSX.Element {
             </p>
             {currentTeamLoading && !currentTeam ? (
                 <div className="space-y-4">
-                    <LemonSkeleton className="w-1/2" />
+                    <LemonSkeleton className="w-1/2 h-4" />
                     <LemonSkeleton repeat={3} />
                 </div>
             ) : (
diff --git a/frontend/src/scenes/settings/project/TimezoneConfig.tsx b/frontend/src/scenes/settings/project/TimezoneConfig.tsx
index 09d7c8a70c026..719b9a94e921c 100644
--- a/frontend/src/scenes/settings/project/TimezoneConfig.tsx
+++ b/frontend/src/scenes/settings/project/TimezoneConfig.tsx
@@ -17,7 +17,7 @@ export function TimezoneConfig(): JSX.Element {
     const { updateCurrentTeam } = useActions(teamLogic)
 
     if (!preflight?.available_timezones || !currentTeam) {
-        return <LemonSkeleton className="w-1/2" />
+        return <LemonSkeleton className="w-1/2 h-4" />
     }
     const options = Object.entries(preflight.available_timezones).map(([tz, offset]) => ({
         key: tz,