diff --git a/apps/studio/components/interfaces/Database/Replication/PipelineStatePill.tsx b/apps/studio/components/interfaces/Database/Replication/PipelineStatePill.tsx
index b5245b3ea66..3fe8b5e3faf 100644
--- a/apps/studio/components/interfaces/Database/Replication/PipelineStatePill.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/PipelineStatePill.tsx
@@ -56,7 +56,7 @@ export const PipelineStatePill = ({
     return (
       <span className="inline-flex" aria-live="polite" aria-atomic="true">
         <span className="sr-only">Loading pipeline status</span>
-        <ShimmeringLoader className="w-20" />
+        <ShimmeringLoader className="h-5 w-20 py-0" />
       </span>
     )
   }
diff --git a/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineLayout.tsx b/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineLayout.tsx
index eea85b96784..a4a00f9eca7 100644
--- a/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineLayout.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineLayout.tsx
@@ -234,7 +234,7 @@ export const ReplicationPipelineLayout = ({ children }: PropsWithChildren) => {
                 {isPipelineLoading ? (
                   <span className="inline-flex items-center">
                     <span className="sr-only">Loading pipeline</span>
-                    <ShimmeringLoader className="h-3 w-24 py-0" />
+                    <ShimmeringLoader className="h-5 w-24 py-0" />
                   </span>
                 ) : (
                   (pipeline?.destination_name ?? 'Pipeline')
@@ -258,7 +258,7 @@ export const ReplicationPipelineLayout = ({ children }: PropsWithChildren) => {
             <PageHeaderSummary>
               <PageHeaderTitle>
                 {isPipelineLoading ? (
-                  <span className="inline-flex items-center">
+                  <span className="flex h-8 items-center">
                     <span className="sr-only">Loading pipeline</span>
                     <ShimmeringLoader className="h-6 w-40 py-0" />
                   </span>
@@ -286,7 +286,7 @@ export const ReplicationPipelineLayout = ({ children }: PropsWithChildren) => {
                   {isPipelineIdentityLoading ? (
                     <span className="inline-flex items-center">
                       <span className="sr-only">Loading destination</span>
-                      <ShimmeringLoader className="h-3 w-20 py-0" />
+                      <ShimmeringLoader className="h-5 w-20 py-0" />
                     </span>
                   ) : (
                     <span>{destinationType ?? pipeline?.destination_name ?? 'Unknown'}</span>