diff --git a/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx b/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx
index 2c9769aee288..c56817cb961e 100644
--- a/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx
@@ -33,66 +33,32 @@ const SkeletonText = styled.div<{ width?: number | string; height?: number }>(
const columnWidth = [2, 4, 2, 2];
+/**
+ * The structure of the Skeleton
+ *
+ * - First dimension: Rows
+ * - Second dimension: Columns
+ * - Third dimension: SkeletonText widths
+ */
+const skeletonLayout = [
+ [[60], [30], [60], [60]],
+ [[60], [80, 30], [60], [60]],
+ [[60], [80, 30], [60], [60]],
+ [[60], [80, 30], [60], [60]],
+];
+
export const Skeleton: FC = () => (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ {skeletonLayout.map((row, i) => (
+
+ {row.map((col, j) => (
+
+ {col.map((width, k) => (
+
+ ))}
+
+ ))}
+
+ ))}
+
);