From 50cd1fbd83d7388840303edb054ced2e9165be64 Mon Sep 17 00:00:00 2001
From: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Date: Mon, 21 Nov 2022 20:05:49 +0100
Subject: [PATCH] Skeleton loader improvements (#5614)

* improve skeleton loaders

* code clean up

Co-authored-by: CarinaWolli <wollencarina@gmail.com>
---
 .../features/ee/teams/components/SkeletonloaderTeamList.tsx     | 2 +-
 .../features/ee/workflows/components/v2/SkeletonLoaderEdit.tsx  | 2 +-
 .../features/ee/workflows/components/v2/SkeletonLoaderList.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/features/ee/teams/components/SkeletonloaderTeamList.tsx b/packages/features/ee/teams/components/SkeletonloaderTeamList.tsx
index bce5bfa51d..84c00dcd7b 100644
--- a/packages/features/ee/teams/components/SkeletonloaderTeamList.tsx
+++ b/packages/features/ee/teams/components/SkeletonloaderTeamList.tsx
@@ -3,7 +3,7 @@ import { SkeletonText } from "@calcom/ui/v2";
 function SkeletonLoaderTeamList() {
   return (
     <>
-      <ul className="-mx-4 animate-pulse divide-y divide-neutral-200 rounded-sm border border-gray-200 bg-white sm:mx-0 sm:overflow-hidden">
+      <ul className="-mx-4 animate-pulse divide-y divide-neutral-200 rounded-md border border-gray-200 bg-white sm:mx-0 sm:overflow-hidden">
         <SkeletonItem />
         <SkeletonItem />
         <SkeletonItem />
diff --git a/packages/features/ee/workflows/components/v2/SkeletonLoaderEdit.tsx b/packages/features/ee/workflows/components/v2/SkeletonLoaderEdit.tsx
index 6eacdf8cae..8805020aa6 100644
--- a/packages/features/ee/workflows/components/v2/SkeletonLoaderEdit.tsx
+++ b/packages/features/ee/workflows/components/v2/SkeletonLoaderEdit.tsx
@@ -3,7 +3,7 @@ import { SkeletonContainer, SkeletonText } from "@calcom/ui/v2";
 function SkeletonLoader() {
   return (
     <SkeletonContainer>
-      <div className="ml-2 md:flex">
+      <div className="mt-10 ml-2 md:flex">
         <div className="mr-6 flex flex-col md:flex-none">
           <SkeletonText className="h-4 w-28" />
           <SkeletonText className="mt-2 mb-6 h-8 w-full md:w-64" />
diff --git a/packages/features/ee/workflows/components/v2/SkeletonLoaderList.tsx b/packages/features/ee/workflows/components/v2/SkeletonLoaderList.tsx
index 2c10d4081b..e7e34ef5d7 100644
--- a/packages/features/ee/workflows/components/v2/SkeletonLoaderList.tsx
+++ b/packages/features/ee/workflows/components/v2/SkeletonLoaderList.tsx
@@ -3,7 +3,7 @@ import { SkeletonText } from "@calcom/ui/v2";
 
 function SkeletonLoader() {
   return (
-    <ul className="animate-pulse divide-y divide-neutral-200 rounded-md border border-gray-200 bg-white sm:overflow-hidden">
+    <ul className="mt-24 animate-pulse divide-y divide-neutral-200 rounded-md border border-gray-200 bg-white sm:overflow-hidden">
       <SkeletonItem />
       <SkeletonItem />
       <SkeletonItem />