diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
index 815c99c992..4b308d9026 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
@@ -1,6 +1,4102 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Marketplace page renders and matches the snapshot 1`] = `
+exports[`Marketplace page - common layout renders and matches the snapshot 1`] = `
+.c17 {
+  padding-bottom: 16px;
+  width: 25%;
+}
+
+.c29 {
+  padding-bottom: 16px;
+}
+
+.c51 {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.c64 {
+  border-radius: 4px;
+  width: 64px;
+  height: 64px;
+}
+
+.c65 {
+  padding-top: 16px;
+}
+
+.c68 {
+  padding-top: 8px;
+}
+
+.c78 {
+  margin-left: 4px;
+  width: 24px;
+  height: auto;
+}
+
+.c79 {
+  padding-left: 16px;
+}
+
+.c82 {
+  padding-top: 32px;
+}
+
+.c59 {
+  font-weight: 600;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c56 {
+  padding-right: 8px;
+}
+
+.c52 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c52 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c52 svg > g,
+.c52 svg path {
+  fill: #ffffff;
+}
+
+.c52[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c52:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c52:focus-visible {
+  outline: none;
+}
+
+.c52:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c57 {
+  height: 100%;
+}
+
+.c53 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 8px 16px;
+  background: #4945ff;
+  border: 1px solid #4945ff;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+}
+
+.c53 .c55 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c53 .c58 {
+  color: #ffffff;
+}
+
+.c53[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c53[aria-disabled='true'] .c58 {
+  color: #666687;
+}
+
+.c53[aria-disabled='true'] svg > g,
+.c53[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c53[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c53[aria-disabled='true']:active .c58 {
+  color: #666687;
+}
+
+.c53[aria-disabled='true']:active svg > g,
+.c53[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c53:hover {
+  background-color: #f6f6f9;
+}
+
+.c53:active {
+  background-color: #eaeaef;
+}
+
+.c53 .c58 {
+  color: #32324d;
+}
+
+.c53 svg > g,
+.c53 svg path {
+  fill: #32324d;
+}
+
+.c75 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 8px 16px;
+  background: #4945ff;
+  border: 1px solid #4945ff;
+  border: 1px solid #d9d8ff;
+  background: #f0f0ff;
+}
+
+.c75 .c55 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c75 .c58 {
+  color: #ffffff;
+}
+
+.c75[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c75[aria-disabled='true'] .c58 {
+  color: #666687;
+}
+
+.c75[aria-disabled='true'] svg > g,
+.c75[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c75[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c75[aria-disabled='true']:active .c58 {
+  color: #666687;
+}
+
+.c75[aria-disabled='true']:active svg > g,
+.c75[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c75:hover {
+  background-color: #ffffff;
+}
+
+.c75:active {
+  background-color: #ffffff;
+  border: 1px solid #4945ff;
+}
+
+.c75:active .c58 {
+  color: #4945ff;
+}
+
+.c75:active svg > g,
+.c75:active svg path {
+  fill: #4945ff;
+}
+
+.c75 .c58 {
+  color: #271fe0;
+}
+
+.c75 svg > g,
+.c75 svg path {
+  fill: #271fe0;
+}
+
+.c36 {
+  padding-bottom: 16px;
+}
+
+.c62 {
+  background: #ffffff;
+  padding-top: 16px;
+  padding-right: 16px;
+  padding-bottom: 16px;
+  padding-left: 16px;
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+  height: 100%;
+}
+
+.c83 {
+  background: #ffffff;
+  padding: 24px;
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+}
+
+.c84 {
+  background: #f6ecfc;
+  padding: 12px;
+  border-radius: 4px;
+}
+
+.c37 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  gap: 8px;
+}
+
+.c63 {
+  -webkit-align-items: normal;
+  -webkit-box-align: normal;
+  -ms-flex-align: normal;
+  align-items: normal;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c67 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c76 {
+  color: #328048;
+  margin-left: 8px;
+}
+
+.c80 {
+  color: #328048;
+  margin-right: 8px;
+  width: 12;
+  height: 12;
+}
+
+.c90 {
+  color: #666687;
+  margin-left: 8px;
+  width: 12px;
+  height: 12px;
+}
+
+.c77 path {
+  fill: #328048;
+}
+
+.c91 path {
+  fill: #666687;
+}
+
+.c25 {
+  padding-right: 8px;
+  padding-left: 12px;
+}
+
+.c21 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c23 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c20 {
+  font-weight: 600;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c28 {
+  border: none;
+  border-radius: 4px;
+  padding-bottom: 0.65625rem;
+  padding-left: 0;
+  padding-right: 16px;
+  padding-top: 0.65625rem;
+  color: #32324d;
+  font-weight: 400;
+  font-size: 0.875rem;
+  display: block;
+  width: 100%;
+  background: inherit;
+}
+
+.c28::-webkit-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28::-moz-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28:-ms-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28::placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28[aria-disabled='true'] {
+  color: inherit;
+}
+
+.c28:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.c24 {
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  background: #ffffff;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c24:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c19 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c27 {
+  font-size: 0.8rem;
+}
+
+.c27 svg path {
+  fill: #32324d;
+}
+
+.c18 {
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c18:focus-within .c26 svg path {
+  fill: #4945ff;
+}
+
+.c18 .c22 {
+  border: 1px solid transparent;
+}
+
+.c18 .c22:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c43 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  width: 100%;
+  background: transparent;
+  border: none;
+}
+
+.c43:focus {
+  outline: none;
+}
+
+.c43[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c46 {
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.c48 {
+  padding-left: 12px;
+}
+
+.c39 {
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c41 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c44 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c47 {
+  color: #32324d;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c40 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c42 {
+  position: relative;
+  border: 1px solid #dcdce4;
+  padding-right: 12px;
+  border-radius: 4px;
+  background: #ffffff;
+  overflow: hidden;
+  min-height: 2rem;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c42:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c49 {
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+}
+
+.c49 svg {
+  height: 0.6875rem;
+  width: 0.6875rem;
+}
+
+.c49 svg path {
+  fill: #666687;
+}
+
+.c50 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background: none;
+  border: none;
+}
+
+.c50 svg {
+  width: 0.375rem;
+}
+
+.c45 {
+  width: 100%;
+}
+
+.c71 {
+  padding-top: 24px;
+}
+
+.c72 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c86 {
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c87 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c73 > * {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.c73 > * + * {
+  margin-left: 8px;
+}
+
+.c66 {
+  color: #32324d;
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+
+.c69 {
+  color: #666687;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c81 {
+  font-weight: 600;
+  color: #328048;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c88 {
+  font-weight: 500;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c14 {
+  font-weight: 600;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c12 {
+  padding-right: 8px;
+}
+
+.c74 {
+  padding-left: 8px;
+}
+
+.c9 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c9 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c9 svg > g,
+.c9 svg path {
+  fill: #ffffff;
+}
+
+.c9[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c9:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c9:focus-visible {
+  outline: none;
+}
+
+.c9:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c8 {
+  cursor: pointer;
+}
+
+.c10 {
+  padding: 8px 16px;
+  background: #4945ff;
+  border: 1px solid #4945ff;
+  border-radius: 4px;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c10 .c11 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c10 .c13 {
+  color: #ffffff;
+}
+
+.c10[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c10[aria-disabled='true'] .c13 {
+  color: #666687;
+}
+
+.c10[aria-disabled='true'] svg > g,
+.c10[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c10[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c10[aria-disabled='true']:active .c13 {
+  color: #666687;
+}
+
+.c10[aria-disabled='true']:active svg > g,
+.c10[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c10:hover {
+  background-color: #f6f6f9;
+}
+
+.c10:active {
+  background-color: #eaeaef;
+}
+
+.c10 .c13 {
+  color: #32324d;
+}
+
+.c10 svg > g,
+.c10 svg path {
+  fill: #32324d;
+}
+
+.c85 {
+  margin-right: 24px;
+}
+
+.c85 svg {
+  width: 2rem;
+  height: 2rem;
+}
+
+.c89 {
+  word-break: break-all;
+}
+
+.c1 {
+  padding-bottom: 56px;
+}
+
+.c4 {
+  background: #f6f6f9;
+  padding-top: 40px;
+  padding-right: 56px;
+  padding-bottom: 40px;
+  padding-left: 56px;
+}
+
+.c16 {
+  padding-right: 56px;
+  padding-left: 56px;
+}
+
+.c0 {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.c2 {
+  overflow-x: hidden;
+}
+
+.c5 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c6 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c7 {
+  color: #32324d;
+  font-weight: 600;
+  font-size: 2rem;
+  line-height: 1.25;
+}
+
+.c15 {
+  color: #666687;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.c3:focus-visible {
+  outline: none;
+}
+
+.c33 {
+  color: #4945ff;
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+}
+
+.c35 {
+  color: #666687;
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+}
+
+.c31 {
+  padding: 16px;
+}
+
+.c32 {
+  border-bottom: 2px solid #4945ff;
+}
+
+.c34 {
+  border-bottom: 2px solid transparent;
+}
+
+.c30[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c60 {
+  display: grid;
+  grid-template-columns: repeat(12,1fr);
+  gap: 16px;
+}
+
+.c61 {
+  grid-column: span 4;
+  max-width: 100%;
+}
+
+.c70 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.c38 {
+  font-weight: 500;
+}
+
+.c38 span {
+  font-size: 0.75rem;
+}
+
+.c54 {
+  height: 2rem;
+}
+
+@media (max-width:68.75rem) {
+  .c61 {
+    grid-column: span 6;
+  }
+}
+
+@media (max-width:34.375rem) {
+  .c61 {
+    grid-column: span 12;
+  }
+}
+
+<div
+  class="c0"
+>
+  <div
+    class="c1 c2"
+  >
+    <main
+      aria-labelledby="main-content-title"
+      class="c3"
+      id="main-content"
+      tabindex="-1"
+    >
+      <div
+        style="height: 0px;"
+      >
+        <div
+          class="c4"
+          data-strapi-header="true"
+        >
+          <div
+            class="c5"
+          >
+            <div
+              class="c6"
+            >
+              <h1
+                class="c7"
+              >
+                Marketplace
+              </h1>
+            </div>
+            <a
+              aria-disabled="false"
+              class="c8 c9 c10"
+              href="https://market.strapi.io/submit-plugin"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              <div
+                aria-hidden="true"
+                class="c11 c12"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 25"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M13.571 18.272H10.43v-8.47H2.487a.2.2 0 01-.14-.343L11.858.058a.2.2 0 01.282 0l9.513 9.4a.2.2 0 01-.14.343H13.57v8.47zM2.2 21.095a.2.2 0 00-.2.2v2.424c0 .11.09.2.2.2h19.6a.2.2 0 00.2-.2v-2.424a.2.2 0 00-.2-.2H2.2z"
+                    fill="#212134"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+              <span
+                class="c13 c14"
+              >
+                Submit plugin
+              </span>
+            </a>
+          </div>
+          <p
+            class="c15"
+          >
+            Get more out of Strapi
+          </p>
+        </div>
+      </div>
+      <div
+        class="c16"
+      >
+        <div
+          class="c17"
+          width="25%"
+        >
+          <div
+            class="c18"
+          >
+            <div>
+              <div
+                class="c19"
+              >
+                <label
+                  class="c20"
+                  for="field-1"
+                >
+                  <div
+                    class="c21"
+                  >
+                    Search
+                  </div>
+                </label>
+              </div>
+              <div
+                class="c22 c23 c24"
+              >
+                <div
+                  class="c25"
+                >
+                  <div
+                    class="c26 c21 c27"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M23.813 20.163l-5.3-5.367a9.792 9.792 0 001.312-4.867C19.825 4.455 15.375 0 9.913 0 4.45 0 0 4.455 0 9.929c0 5.473 4.45 9.928 9.912 9.928a9.757 9.757 0 005.007-1.4l5.275 5.35a.634.634 0 00.913 0l2.706-2.737a.641.641 0 000-.907zM9.91 3.867c3.338 0 6.05 2.718 6.05 6.061s-2.712 6.061-6.05 6.061c-3.337 0-6.05-2.718-6.05-6.06 0-3.344 2.713-6.062 6.05-6.062z"
+                        fill="#32324D"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                </div>
+                <input
+                  aria-disabled="false"
+                  aria-invalid="false"
+                  class="c28"
+                  id="field-1"
+                  name="searchbar"
+                  placeholder="Search"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div>
+          <div
+            class="c29"
+          >
+            <div
+              aria-label="Plugins and Providers for Strapi"
+              role="tablist"
+            >
+              <button
+                aria-controls="tabs-0-tabpanel"
+                aria-disabled="false"
+                aria-selected="true"
+                class="c30"
+                id="tabs-0-tab"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <div
+                  class="c31 c32"
+                >
+                  <span
+                    class="c33"
+                  >
+                    Plugins
+                     
+                    (
+                    5
+                    )
+                  </span>
+                </div>
+              </button>
+              <button
+                aria-disabled="false"
+                aria-selected="false"
+                class="c30"
+                id="tabs-1-tab"
+                role="tab"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="c31 c34"
+                >
+                  <span
+                    class="c35"
+                  >
+                    Providers
+                     
+                    (
+                    9
+                    )
+                  </span>
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="c36 c37"
+          >
+            <div
+              class="c38"
+            >
+              <div>
+                <div
+                  class="c39 c40"
+                >
+                  <div
+                    class="c41 c42"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="listbox"
+                      aria-labelledby="sort-by-select-label sort-by-select-content"
+                      class="c43"
+                      id="sort-by-select"
+                      type="button"
+                    />
+                    <div
+                      class="c44 c45"
+                    >
+                      <div
+                        class="c41"
+                      >
+                        <div
+                          class="c46"
+                        >
+                          <span
+                            class="c47"
+                            id="sort-by-select-content"
+                          >
+                            Sort by alphabetical order
+                          </span>
+                        </div>
+                      </div>
+                      <div
+                        class="c41"
+                      >
+                        <button
+                          aria-hidden="true"
+                          class="c48 c49 c50"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 14 8"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                              fill="#32324D"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="c51"
+            >
+              <button
+                aria-disabled="false"
+                class="c52 c53 c54"
+                type="button"
+              >
+                <div
+                  aria-hidden="true"
+                  class="c55 c56 c57"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      clip-rule="evenodd"
+                      d="M0 4a2 2 0 012-2h20a2 2 0 110 4H2a2 2 0 01-2-2zm4 8a2 2 0 012-2h12a2 2 0 110 4H6a2 2 0 01-2-2zm6 6a2 2 0 100 4h4a2 2 0 100-4h-4z"
+                      fill="#32324D"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </div>
+                <span
+                  class="c58 c59"
+                >
+                  Filters
+                </span>
+              </button>
+            </div>
+          </div>
+          <div>
+            <div
+              aria-labelledby="tabs-0-tab"
+              id="tabs-0-tabpanel"
+              role="tabpanel"
+              tabindex="0"
+            >
+              <div
+                class="c60"
+              >
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Comments logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/eb4cd59876565af77c9c3e5966b59f10/2111bfc8/vl_strapi-comments.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Comments
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            Powerful Strapi based comments moderation tool for you and your users
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Comments"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/strapi-plugin-comments"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Config Sync logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/e23a7231d12cce89cb4b05cbfe759d45/96f5f496/Screenshot2021-12-09at22.15.37.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Config Sync
+                              <span>
+                                <div
+                                  aria-describedby="tooltip-1"
+                                  class="c67"
+                                  tabindex="0"
+                                >
+                                  <svg
+                                    class="c76 c77"
+                                    fill="none"
+                                    height="1em"
+                                    viewBox="0 0 24 24"
+                                    width="1em"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      clip-rule="evenodd"
+                                      d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm-1.438-11.066L16.158 7.5 18 9.245l-7.438 7.18-4.462-4.1 1.84-1.745 2.622 2.354z"
+                                      fill="#212134"
+                                      fill-rule="evenodd"
+                                    />
+                                  </svg>
+                                </div>
+                              </span>
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            Migrate your config data across environments using the CLI or Strapi admin panel.
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Config Sync"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/strapi-plugin-config-sync"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Content Versioning logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/0b86f18e2606ed7f53bd54d536a1bea5/13a87f30/Artboard7copy.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Content Versioning
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅ 
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Content Versioning"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/@notum-cz-strapi-plugin-content-versioning"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Documentation logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/b6998ac52e8b0460b8a14ced8074b788/2a4d4a90/swagger.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Documentation
+                              <span>
+                                <div
+                                  aria-describedby="tooltip-3"
+                                  class="c67"
+                                  tabindex="0"
+                                >
+                                  <img
+                                    alt="Made by Strapi"
+                                    class="c78"
+                                    height="auto"
+                                    src="IMAGE_MOCK"
+                                    width="6"
+                                  />
+                                </div>
+                              </span>
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            Create an OpenAPI Document and visualize your API with SWAGGER UI
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Documentation"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/@strapi-plugin-documentation"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <div
+                          class="c79"
+                        >
+                          <svg
+                            class="c80 c77"
+                            fill="none"
+                            height="12"
+                            viewBox="0 0 24 24"
+                            width="12"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M20.727 2.97a.2.2 0 01.286 0l2.85 2.89a.2.2 0 010 .28L9.554 20.854a.2.2 0 01-.285 0l-9.13-9.243a.2.2 0 010-.281l2.85-2.892a.2.2 0 01.284 0l6.14 6.209L20.726 2.97z"
+                              fill="#212134"
+                            />
+                          </svg>
+                          <span
+                            class="c81"
+                          >
+                            Installed
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Transformer logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/5ffd1782a2fabf423ccd6f56c562f31a/b8f8598f/transformer-logo.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Transformer
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            A plugin for Strapi Headless CMS that provides the ability to transform the API response. 
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Transformer"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/strapi-plugin-transformer"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="c82"
+        >
+          <a
+            href="https://strapi.canny.io/plugin-requests"
+            rel="noopener noreferrer nofollow"
+            style="text-decoration: none;"
+            target="_blank"
+          >
+            <div
+              class="c83 c67"
+            >
+              <div
+                class="c84 c67 c85"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 4a4 4 0 014-4h24a4 4 0 014 4v24a4 4 0 01-4 4H4a4 4 0 01-4-4V4z"
+                    fill="#AC73E6"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M15.027 13.839c-3.19-.836-6.305-1.064-10.18-.608-1.215.152-1.063 1.975.076 2.203.304.836.456 2.355.912 3.267.987 2.279 5.622 1.975 7.369.835 1.14-.683 1.443-2.279 1.9-3.494.227-.684 1.595-.684 1.822 0 .38 1.215.76 2.81 1.9 3.494 1.747 1.14 6.381 1.444 7.369-.835.456-.912.607-2.431.911-3.267 1.14-.228 1.216-2.051.076-2.203-3.874-.456-6.989-.228-10.18.608-.455.075-1.519.075-1.975 0z"
+                    fill="#fff"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+              <div
+                class="c86 c87"
+              >
+                <div
+                  class="c67"
+                >
+                  <span
+                    class="c88 c89"
+                  >
+                    Documentation
+                  </span>
+                  <svg
+                    class="c90 c91"
+                    fill="none"
+                    height="3"
+                    viewBox="0 0 24 24"
+                    width="3"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                      fill="#32324D"
+                    />
+                  </svg>
+                </div>
+                <span
+                  class="c69"
+                >
+                  Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration!
+                </span>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`Marketplace page - layout renders the correct online layout 1`] = `
+.c17 {
+  padding-bottom: 16px;
+  width: 25%;
+}
+
+.c29 {
+  padding-bottom: 16px;
+}
+
+.c51 {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.c64 {
+  border-radius: 4px;
+  width: 64px;
+  height: 64px;
+}
+
+.c65 {
+  padding-top: 16px;
+}
+
+.c68 {
+  padding-top: 8px;
+}
+
+.c78 {
+  margin-left: 4px;
+  width: 24px;
+  height: auto;
+}
+
+.c79 {
+  padding-left: 16px;
+}
+
+.c82 {
+  padding-top: 32px;
+}
+
+.c59 {
+  font-weight: 600;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c56 {
+  padding-right: 8px;
+}
+
+.c52 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c52 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c52 svg > g,
+.c52 svg path {
+  fill: #ffffff;
+}
+
+.c52[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c52:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c52:focus-visible {
+  outline: none;
+}
+
+.c52:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c57 {
+  height: 100%;
+}
+
+.c53 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 8px 16px;
+  background: #4945ff;
+  border: 1px solid #4945ff;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+}
+
+.c53 .c55 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c53 .c58 {
+  color: #ffffff;
+}
+
+.c53[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c53[aria-disabled='true'] .c58 {
+  color: #666687;
+}
+
+.c53[aria-disabled='true'] svg > g,
+.c53[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c53[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c53[aria-disabled='true']:active .c58 {
+  color: #666687;
+}
+
+.c53[aria-disabled='true']:active svg > g,
+.c53[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c53:hover {
+  background-color: #f6f6f9;
+}
+
+.c53:active {
+  background-color: #eaeaef;
+}
+
+.c53 .c58 {
+  color: #32324d;
+}
+
+.c53 svg > g,
+.c53 svg path {
+  fill: #32324d;
+}
+
+.c75 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 8px 16px;
+  background: #4945ff;
+  border: 1px solid #4945ff;
+  border: 1px solid #d9d8ff;
+  background: #f0f0ff;
+}
+
+.c75 .c55 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c75 .c58 {
+  color: #ffffff;
+}
+
+.c75[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c75[aria-disabled='true'] .c58 {
+  color: #666687;
+}
+
+.c75[aria-disabled='true'] svg > g,
+.c75[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c75[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c75[aria-disabled='true']:active .c58 {
+  color: #666687;
+}
+
+.c75[aria-disabled='true']:active svg > g,
+.c75[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c75:hover {
+  background-color: #ffffff;
+}
+
+.c75:active {
+  background-color: #ffffff;
+  border: 1px solid #4945ff;
+}
+
+.c75:active .c58 {
+  color: #4945ff;
+}
+
+.c75:active svg > g,
+.c75:active svg path {
+  fill: #4945ff;
+}
+
+.c75 .c58 {
+  color: #271fe0;
+}
+
+.c75 svg > g,
+.c75 svg path {
+  fill: #271fe0;
+}
+
+.c36 {
+  padding-bottom: 16px;
+}
+
+.c62 {
+  background: #ffffff;
+  padding-top: 16px;
+  padding-right: 16px;
+  padding-bottom: 16px;
+  padding-left: 16px;
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+  height: 100%;
+}
+
+.c83 {
+  background: #ffffff;
+  padding: 24px;
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+}
+
+.c84 {
+  background: #f6ecfc;
+  padding: 12px;
+  border-radius: 4px;
+}
+
+.c37 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  gap: 8px;
+}
+
+.c63 {
+  -webkit-align-items: normal;
+  -webkit-box-align: normal;
+  -ms-flex-align: normal;
+  align-items: normal;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c67 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c76 {
+  color: #328048;
+  margin-left: 8px;
+}
+
+.c80 {
+  color: #328048;
+  margin-right: 8px;
+  width: 12;
+  height: 12;
+}
+
+.c90 {
+  color: #666687;
+  margin-left: 8px;
+  width: 12px;
+  height: 12px;
+}
+
+.c77 path {
+  fill: #328048;
+}
+
+.c91 path {
+  fill: #666687;
+}
+
+.c25 {
+  padding-right: 8px;
+  padding-left: 12px;
+}
+
+.c21 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c23 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c20 {
+  font-weight: 600;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c28 {
+  border: none;
+  border-radius: 4px;
+  padding-bottom: 0.65625rem;
+  padding-left: 0;
+  padding-right: 16px;
+  padding-top: 0.65625rem;
+  color: #32324d;
+  font-weight: 400;
+  font-size: 0.875rem;
+  display: block;
+  width: 100%;
+  background: inherit;
+}
+
+.c28::-webkit-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28::-moz-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28:-ms-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28::placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c28[aria-disabled='true'] {
+  color: inherit;
+}
+
+.c28:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.c24 {
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  background: #ffffff;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c24:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c19 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c27 {
+  font-size: 0.8rem;
+}
+
+.c27 svg path {
+  fill: #32324d;
+}
+
+.c18 {
+  border-radius: 4px;
+  box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c18:focus-within .c26 svg path {
+  fill: #4945ff;
+}
+
+.c18 .c22 {
+  border: 1px solid transparent;
+}
+
+.c18 .c22:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c43 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  width: 100%;
+  background: transparent;
+  border: none;
+}
+
+.c43:focus {
+  outline: none;
+}
+
+.c43[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c46 {
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.c48 {
+  padding-left: 12px;
+}
+
+.c39 {
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c41 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c44 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c47 {
+  color: #32324d;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c40 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c42 {
+  position: relative;
+  border: 1px solid #dcdce4;
+  padding-right: 12px;
+  border-radius: 4px;
+  background: #ffffff;
+  overflow: hidden;
+  min-height: 2rem;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c42:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c49 {
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+}
+
+.c49 svg {
+  height: 0.6875rem;
+  width: 0.6875rem;
+}
+
+.c49 svg path {
+  fill: #666687;
+}
+
+.c50 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background: none;
+  border: none;
+}
+
+.c50 svg {
+  width: 0.375rem;
+}
+
+.c45 {
+  width: 100%;
+}
+
+.c71 {
+  padding-top: 24px;
+}
+
+.c72 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c86 {
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c87 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c73 > * {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.c73 > * + * {
+  margin-left: 8px;
+}
+
+.c66 {
+  color: #32324d;
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+
+.c69 {
+  color: #666687;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c81 {
+  font-weight: 600;
+  color: #328048;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c88 {
+  font-weight: 500;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c14 {
+  font-weight: 600;
+  color: #32324d;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c12 {
+  padding-right: 8px;
+}
+
+.c74 {
+  padding-left: 8px;
+}
+
+.c9 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c9 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c9 svg > g,
+.c9 svg path {
+  fill: #ffffff;
+}
+
+.c9[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c9:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c9:focus-visible {
+  outline: none;
+}
+
+.c9:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c8 {
+  cursor: pointer;
+}
+
+.c10 {
+  padding: 8px 16px;
+  background: #4945ff;
+  border: 1px solid #4945ff;
+  border-radius: 4px;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c10 .c11 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c10 .c13 {
+  color: #ffffff;
+}
+
+.c10[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c10[aria-disabled='true'] .c13 {
+  color: #666687;
+}
+
+.c10[aria-disabled='true'] svg > g,
+.c10[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c10[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c10[aria-disabled='true']:active .c13 {
+  color: #666687;
+}
+
+.c10[aria-disabled='true']:active svg > g,
+.c10[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c10:hover {
+  background-color: #f6f6f9;
+}
+
+.c10:active {
+  background-color: #eaeaef;
+}
+
+.c10 .c13 {
+  color: #32324d;
+}
+
+.c10 svg > g,
+.c10 svg path {
+  fill: #32324d;
+}
+
+.c85 {
+  margin-right: 24px;
+}
+
+.c85 svg {
+  width: 2rem;
+  height: 2rem;
+}
+
+.c89 {
+  word-break: break-all;
+}
+
+.c1 {
+  padding-bottom: 56px;
+}
+
+.c4 {
+  background: #f6f6f9;
+  padding-top: 40px;
+  padding-right: 56px;
+  padding-bottom: 40px;
+  padding-left: 56px;
+}
+
+.c16 {
+  padding-right: 56px;
+  padding-left: 56px;
+}
+
+.c0 {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.c2 {
+  overflow-x: hidden;
+}
+
+.c5 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c6 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c7 {
+  color: #32324d;
+  font-weight: 600;
+  font-size: 2rem;
+  line-height: 1.25;
+}
+
+.c15 {
+  color: #666687;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.c3:focus-visible {
+  outline: none;
+}
+
+.c33 {
+  color: #4945ff;
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+}
+
+.c35 {
+  color: #666687;
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+}
+
+.c31 {
+  padding: 16px;
+}
+
+.c32 {
+  border-bottom: 2px solid #4945ff;
+}
+
+.c34 {
+  border-bottom: 2px solid transparent;
+}
+
+.c30[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c60 {
+  display: grid;
+  grid-template-columns: repeat(12,1fr);
+  gap: 16px;
+}
+
+.c61 {
+  grid-column: span 4;
+  max-width: 100%;
+}
+
+.c70 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.c38 {
+  font-weight: 500;
+}
+
+.c38 span {
+  font-size: 0.75rem;
+}
+
+.c54 {
+  height: 2rem;
+}
+
+@media (max-width:68.75rem) {
+  .c61 {
+    grid-column: span 6;
+  }
+}
+
+@media (max-width:34.375rem) {
+  .c61 {
+    grid-column: span 12;
+  }
+}
+
+<div
+  class="c0"
+>
+  <div
+    class="c1 c2"
+  >
+    <main
+      aria-labelledby="main-content-title"
+      class="c3"
+      id="main-content"
+      tabindex="-1"
+    >
+      <div
+        style="height: 0px;"
+      >
+        <div
+          class="c4"
+          data-strapi-header="true"
+        >
+          <div
+            class="c5"
+          >
+            <div
+              class="c6"
+            >
+              <h1
+                class="c7"
+              >
+                Marketplace
+              </h1>
+            </div>
+            <a
+              aria-disabled="false"
+              class="c8 c9 c10"
+              href="https://market.strapi.io/submit-plugin"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              <div
+                aria-hidden="true"
+                class="c11 c12"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 25"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M13.571 18.272H10.43v-8.47H2.487a.2.2 0 01-.14-.343L11.858.058a.2.2 0 01.282 0l9.513 9.4a.2.2 0 01-.14.343H13.57v8.47zM2.2 21.095a.2.2 0 00-.2.2v2.424c0 .11.09.2.2.2h19.6a.2.2 0 00.2-.2v-2.424a.2.2 0 00-.2-.2H2.2z"
+                    fill="#212134"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+              <span
+                class="c13 c14"
+              >
+                Submit plugin
+              </span>
+            </a>
+          </div>
+          <p
+            class="c15"
+          >
+            Get more out of Strapi
+          </p>
+        </div>
+      </div>
+      <div
+        class="c16"
+      >
+        <div
+          class="c17"
+          width="25%"
+        >
+          <div
+            class="c18"
+          >
+            <div>
+              <div
+                class="c19"
+              >
+                <label
+                  class="c20"
+                  for="field-1"
+                >
+                  <div
+                    class="c21"
+                  >
+                    Search
+                  </div>
+                </label>
+              </div>
+              <div
+                class="c22 c23 c24"
+              >
+                <div
+                  class="c25"
+                >
+                  <div
+                    class="c26 c21 c27"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M23.813 20.163l-5.3-5.367a9.792 9.792 0 001.312-4.867C19.825 4.455 15.375 0 9.913 0 4.45 0 0 4.455 0 9.929c0 5.473 4.45 9.928 9.912 9.928a9.757 9.757 0 005.007-1.4l5.275 5.35a.634.634 0 00.913 0l2.706-2.737a.641.641 0 000-.907zM9.91 3.867c3.338 0 6.05 2.718 6.05 6.061s-2.712 6.061-6.05 6.061c-3.337 0-6.05-2.718-6.05-6.06 0-3.344 2.713-6.062 6.05-6.062z"
+                        fill="#32324D"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                </div>
+                <input
+                  aria-disabled="false"
+                  aria-invalid="false"
+                  class="c28"
+                  id="field-1"
+                  name="searchbar"
+                  placeholder="Search"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div>
+          <div
+            class="c29"
+          >
+            <div
+              aria-label="Plugins and Providers for Strapi"
+              role="tablist"
+            >
+              <button
+                aria-controls="tabs-0-tabpanel"
+                aria-disabled="false"
+                aria-selected="true"
+                class="c30"
+                id="tabs-0-tab"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <div
+                  class="c31 c32"
+                >
+                  <span
+                    class="c33"
+                  >
+                    Plugins
+                     
+                    (
+                    5
+                    )
+                  </span>
+                </div>
+              </button>
+              <button
+                aria-disabled="false"
+                aria-selected="false"
+                class="c30"
+                id="tabs-1-tab"
+                role="tab"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="c31 c34"
+                >
+                  <span
+                    class="c35"
+                  >
+                    Providers
+                     
+                    (
+                    9
+                    )
+                  </span>
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="c36 c37"
+          >
+            <div
+              class="c38"
+            >
+              <div>
+                <div
+                  class="c39 c40"
+                >
+                  <div
+                    class="c41 c42"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="listbox"
+                      aria-labelledby="sort-by-select-label sort-by-select-content"
+                      class="c43"
+                      id="sort-by-select"
+                      type="button"
+                    />
+                    <div
+                      class="c44 c45"
+                    >
+                      <div
+                        class="c41"
+                      >
+                        <div
+                          class="c46"
+                        >
+                          <span
+                            class="c47"
+                            id="sort-by-select-content"
+                          >
+                            Sort by alphabetical order
+                          </span>
+                        </div>
+                      </div>
+                      <div
+                        class="c41"
+                      >
+                        <button
+                          aria-hidden="true"
+                          class="c48 c49 c50"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 14 8"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+                              fill="#32324D"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="c51"
+            >
+              <button
+                aria-disabled="false"
+                class="c52 c53 c54"
+                type="button"
+              >
+                <div
+                  aria-hidden="true"
+                  class="c55 c56 c57"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      clip-rule="evenodd"
+                      d="M0 4a2 2 0 012-2h20a2 2 0 110 4H2a2 2 0 01-2-2zm4 8a2 2 0 012-2h12a2 2 0 110 4H6a2 2 0 01-2-2zm6 6a2 2 0 100 4h4a2 2 0 100-4h-4z"
+                      fill="#32324D"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </div>
+                <span
+                  class="c58 c59"
+                >
+                  Filters
+                </span>
+              </button>
+            </div>
+          </div>
+          <div>
+            <div
+              aria-labelledby="tabs-0-tab"
+              id="tabs-0-tabpanel"
+              role="tabpanel"
+              tabindex="0"
+            >
+              <div
+                class="c60"
+              >
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Comments logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/eb4cd59876565af77c9c3e5966b59f10/2111bfc8/vl_strapi-comments.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Comments
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            Powerful Strapi based comments moderation tool for you and your users
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Comments"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/strapi-plugin-comments"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Config Sync logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/e23a7231d12cce89cb4b05cbfe759d45/96f5f496/Screenshot2021-12-09at22.15.37.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Config Sync
+                              <span>
+                                <div
+                                  aria-describedby="tooltip-1"
+                                  class="c67"
+                                  tabindex="0"
+                                >
+                                  <svg
+                                    class="c76 c77"
+                                    fill="none"
+                                    height="1em"
+                                    viewBox="0 0 24 24"
+                                    width="1em"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      clip-rule="evenodd"
+                                      d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm-1.438-11.066L16.158 7.5 18 9.245l-7.438 7.18-4.462-4.1 1.84-1.745 2.622 2.354z"
+                                      fill="#212134"
+                                      fill-rule="evenodd"
+                                    />
+                                  </svg>
+                                </div>
+                              </span>
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            Migrate your config data across environments using the CLI or Strapi admin panel.
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Config Sync"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/strapi-plugin-config-sync"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Content Versioning logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/0b86f18e2606ed7f53bd54d536a1bea5/13a87f30/Artboard7copy.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Content Versioning
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅ 
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Content Versioning"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/@notum-cz-strapi-plugin-content-versioning"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Documentation logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/b6998ac52e8b0460b8a14ced8074b788/2a4d4a90/swagger.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Documentation
+                              <span>
+                                <div
+                                  aria-describedby="tooltip-3"
+                                  class="c67"
+                                  tabindex="0"
+                                >
+                                  <img
+                                    alt="Made by Strapi"
+                                    class="c78"
+                                    height="auto"
+                                    src="IMAGE_MOCK"
+                                    width="6"
+                                  />
+                                </div>
+                              </span>
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            Create an OpenAPI Document and visualize your API with SWAGGER UI
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Documentation"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/@strapi-plugin-documentation"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <div
+                          class="c79"
+                        >
+                          <svg
+                            class="c80 c77"
+                            fill="none"
+                            height="12"
+                            viewBox="0 0 24 24"
+                            width="12"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M20.727 2.97a.2.2 0 01.286 0l2.85 2.89a.2.2 0 010 .28L9.554 20.854a.2.2 0 01-.285 0l-9.13-9.243a.2.2 0 010-.281l2.85-2.892a.2.2 0 01.284 0l6.14 6.209L20.726 2.97z"
+                              fill="#212134"
+                            />
+                          </svg>
+                          <span
+                            class="c81"
+                          >
+                            Installed
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="c61"
+                >
+                  <div
+                    class=""
+                    style="height: 100%;"
+                  >
+                    <div
+                      class="c62 c63"
+                      data-testid="npm-package-card"
+                      height="100%"
+                    >
+                      <div
+                        class=""
+                      >
+                        <img
+                          alt="Transformer logo"
+                          class="c64"
+                          height="11"
+                          src="https://dl.airtable.com/.attachments/5ffd1782a2fabf423ccd6f56c562f31a/b8f8598f/transformer-logo.png"
+                          width="11"
+                        />
+                        <div
+                          class="c65"
+                        >
+                          <h3
+                            class="c66"
+                          >
+                            <div
+                              class="c67"
+                            >
+                              Transformer
+                            </div>
+                          </h3>
+                        </div>
+                        <div
+                          class="c68"
+                        >
+                          <p
+                            class="c69 c70"
+                          >
+                            A plugin for Strapi Headless CMS that provides the ability to transform the API response. 
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="c71 c72 c73"
+                        spacing="2"
+                        style="align-self: flex-end;"
+                      >
+                        <a
+                          aria-disabled="false"
+                          aria-label="Learn more about Transformer"
+                          class="c8 c9 c10"
+                          href="https://market.strapi.io/plugins/strapi-plugin-transformer"
+                          rel="noreferrer noopener"
+                          target="_blank"
+                        >
+                          <span
+                            class="c13 c14"
+                          >
+                            Learn more
+                          </span>
+                          <div
+                            aria-hidden="true"
+                            class="c11 c74"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                                fill="#32324D"
+                              />
+                            </svg>
+                          </div>
+                        </a>
+                        <button
+                          aria-disabled="false"
+                          class="c52 c75"
+                          type="button"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c55 c56 c57"
+                          >
+                            <svg
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M1.056 24h15.906c.583 0 1.056-.473 1.056-1.056V7.028c0-.583-.473-1.056-1.056-1.056H1.056C.473 5.972 0 6.445 0 7.028v15.916C0 23.527.473 24 1.056 24z"
+                                fill="#212134"
+                              />
+                              <path
+                                d="M8.094 2.111h13.795v13.795h-1.127v2.112h2.182A1.056 1.056 0 0024 16.962V1.056A1.056 1.056 0 0022.944 0H7.038a1.056 1.056 0 00-1.056 1.056v2.252h2.112V2.11z"
+                                fill="#212134"
+                              />
+                            </svg>
+                          </div>
+                          <span
+                            class="c58 c59"
+                          >
+                            Copy install command
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="c82"
+        >
+          <a
+            href="https://strapi.canny.io/plugin-requests"
+            rel="noopener noreferrer nofollow"
+            style="text-decoration: none;"
+            target="_blank"
+          >
+            <div
+              class="c83 c67"
+            >
+              <div
+                class="c84 c67 c85"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 4a4 4 0 014-4h24a4 4 0 014 4v24a4 4 0 01-4 4H4a4 4 0 01-4-4V4z"
+                    fill="#AC73E6"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M15.027 13.839c-3.19-.836-6.305-1.064-10.18-.608-1.215.152-1.063 1.975.076 2.203.304.836.456 2.355.912 3.267.987 2.279 5.622 1.975 7.369.835 1.14-.683 1.443-2.279 1.9-3.494.227-.684 1.595-.684 1.822 0 .38 1.215.76 2.81 1.9 3.494 1.747 1.14 6.381 1.444 7.369-.835.456-.912.607-2.431.911-3.267 1.14-.228 1.216-2.051.076-2.203-3.874-.456-6.989-.228-10.18.608-.455.075-1.519.075-1.975 0z"
+                    fill="#fff"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+              <div
+                class="c86 c87"
+              >
+                <div
+                  class="c67"
+                >
+                  <span
+                    class="c88 c89"
+                  >
+                    Documentation
+                  </span>
+                  <svg
+                    class="c90 c91"
+                    fill="none"
+                    height="3"
+                    viewBox="0 0 24 24"
+                    width="3"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M16.235 2.824a1.412 1.412 0 010-2.824h6.353C23.368 0 24 .633 24 1.412v6.353a1.412 1.412 0 01-2.823 0V4.82l-8.179 8.178a1.412 1.412 0 01-1.996-1.996l8.178-8.178h-2.945zm4.942 10.588a1.412 1.412 0 012.823 0v9.176c0 .78-.632 1.412-1.412 1.412H1.412C.632 24 0 23.368 0 22.588V1.412C0 .632.632 0 1.412 0h9.176a1.412 1.412 0 010 2.824H2.824v18.353h18.353v-7.765z"
+                      fill="#32324D"
+                    />
+                  </svg>
+                </div>
+                <span
+                  class="c69"
+                >
+                  Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration!
+                </span>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`Marketplace page - layout shows online layout 1`] = `
 .c17 {
   padding-bottom: 16px;
   width: 25%;
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
index 0dcf4a4fc4..c7ecf518af 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import { render, waitFor, waitForElementToBeRemoved, screen } from '@testing-library/react';
 import { IntlProvider } from 'react-intl';
-import userEvent from '@testing-library/user-event';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { ThemeProvider, lightTheme } from '@strapi/design-system';
 import { useTracking, useAppInfos } from '@strapi/helper-plugin';
@@ -55,40 +54,62 @@ const App = (
   </QueryClientProvider>
 );
 
-describe('Marketplace page', () => {
+const waitForReload = async () => {
+  await waitForElementToBeRemoved(() => screen.getByTestId('loader'));
+  await waitFor(() =>
+    expect(screen.getByRole('heading', { name: /marketplace/i })).toBeInTheDocument()
+  );
+};
+
+describe('Marketplace page - layout', () => {
   beforeAll(() => server.listen());
 
   afterEach(() => server.resetHandlers());
 
   afterAll(() => server.close());
 
-  it('renders and matches the snapshot', async () => {
-    // Check snapshot
-    const { container, getByTestId, getByRole } = render(App);
-    await waitForElementToBeRemoved(() => getByTestId('loader'));
-    await waitFor(() => expect(getByRole('heading', { name: /marketplace/i })).toBeInTheDocument());
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('sends a single tracking event when the user enters the marketplace', () => {
+  it('redners the online layout', async () => {
     const trackUsage = jest.fn();
     useTracking.mockImplementation(() => ({ trackUsage }));
-    render(App);
 
+    const { container } = render(App);
+    await waitForReload();
+    // Check snapshot
+    expect(container.firstChild).toMatchSnapshot();
+    // Calls the tracking event
     expect(trackUsage).toHaveBeenCalledWith('didGoToMarketplace');
     expect(trackUsage).toHaveBeenCalledTimes(1);
+    const offlineText = screen.queryByText('You are offline');
+    expect(offlineText).toEqual(null);
+    // Shows the sort button
+    const sortButton = screen.getByRole('button', { name: /Sort by/i });
+    expect(sortButton).toBeVisible();
+    // Shows the filters button
+    const filtersButton = screen.getByRole('button', { name: /filters/i });
+    expect(filtersButton).toBeVisible();
   });
 
-  it('handles production environment', () => {
+  it('renders the offline layout', async () => {
+    useNavigatorOnLine.mockReturnValueOnce(false);
+    render(App);
+
+    const offlineText = screen.getByText('You are offline');
+
+    expect(offlineText).toBeVisible();
+  });
+
+  it('handles production environment', async () => {
+    client.clear();
     // Simulate production environment
-    useAppInfos.mockImplementationOnce(() => ({
+    useAppInfos.mockImplementation(() => ({
       autoReload: false,
       dependencies: {},
       useYarn: true,
     }));
-    const { queryByText } = render(App);
 
+    render(App);
+
+    await waitForReload();
     // Should display notification
     expect(toggleNotification).toHaveBeenCalledWith({
       type: 'info',
@@ -98,53 +119,8 @@ describe('Marketplace page', () => {
       },
       blockTransition: true,
     });
-
     expect(toggleNotification).toHaveBeenCalledTimes(1);
-
     // Should not show install buttons
-    expect(queryByText(/copy install command/i)).not.toBeInTheDocument();
-  });
-
-  it('shows an online layout', () => {
-    render(App);
-    const offlineText = screen.queryByText('You are offline');
-
-    expect(offlineText).toEqual(null);
-  });
-
-  it('shows the offline layout', () => {
-    useNavigatorOnLine.mockReturnValueOnce(false);
-    render(App);
-    const offlineText = screen.getByText('You are offline');
-
-    expect(offlineText).toBeVisible();
-  });
-
-  it('shows the sort by menu', () => {
-    render(App);
-    const sortButton = screen.getByRole('button', { name: /Sort by/i });
-    expect(sortButton).toBeVisible();
-  });
-
-  it('shows the correct options on sort select', () => {
-    render(App);
-    const sortButton = screen.getByRole('button', { name: /Sort by/i });
-    userEvent.click(sortButton);
-
-    const alphabeticalOption = screen.getByRole('option', { name: 'Alphabetical order' });
-    const newestOption = screen.getByRole('option', { name: 'Newest' });
-
-    expect(alphabeticalOption).toBeVisible();
-    expect(newestOption).toBeVisible();
-  });
-
-  it('changes the url on sort option select', () => {
-    render(App);
-    const sortButton = screen.getByRole('button', { name: /Sort by/i });
-    userEvent.click(sortButton);
-
-    const newestOption = screen.getByRole('option', { name: 'Newest' });
-    userEvent.click(newestOption);
-    expect(history.location.search).toEqual('?sort=submissionDate:desc');
+    expect(screen.queryByText(/copy install command/i)).not.toBeInTheDocument();
   });
 });
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/plugins.test.js b/packages/core/admin/admin/src/pages/MarketplacePage/tests/plugins.test.js
index f5a45fa5a7..f2b4d57af6 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/plugins.test.js
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/plugins.test.js
@@ -56,7 +56,7 @@ const waitForReload = async () => {
   );
 };
 
-describe('Plugins tab', () => {
+describe('Marketplace page - plugins tab', () => {
   let renderedContainer;
   let history;
 
@@ -381,4 +381,24 @@ describe('Plugins tab', () => {
     userEvent.click(screen.getByRole('tab', { name: /plugins/i }));
     expect(collectionCards.length).toBe(2);
   });
+
+  it('shows the correct options on sort select', () => {
+    const sortButton = screen.getByRole('button', { name: /Sort by/i });
+    userEvent.click(sortButton);
+
+    const alphabeticalOption = screen.getByRole('option', { name: 'Alphabetical order' });
+    const newestOption = screen.getByRole('option', { name: 'Newest' });
+
+    expect(alphabeticalOption).toBeVisible();
+    expect(newestOption).toBeVisible();
+  });
+
+  it('changes the url on sort option select', () => {
+    const sortButton = screen.getByRole('button', { name: /Sort by/i });
+    userEvent.click(sortButton);
+
+    const newestOption = screen.getByRole('option', { name: 'Newest' });
+    userEvent.click(newestOption);
+    expect(history.location.search).toEqual('?sort=submissionDate:desc');
+  });
 });
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/providers.test.js b/packages/core/admin/admin/src/pages/MarketplacePage/tests/providers.test.js
index 315611ede9..f61fb2eb70 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/providers.test.js
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/providers.test.js
@@ -277,4 +277,24 @@ describe('Providers tab', () => {
     userEvent.click(screen.getByRole('tab', { name: /providers/i }));
     expect(collectionCards.length).toBe(2);
   });
+
+  it('shows the correct options on sort select', () => {
+    const sortButton = screen.getByRole('button', { name: /Sort by/i });
+    userEvent.click(sortButton);
+
+    const alphabeticalOption = screen.getByRole('option', { name: 'Alphabetical order' });
+    const newestOption = screen.getByRole('option', { name: 'Newest' });
+
+    expect(alphabeticalOption).toBeVisible();
+    expect(newestOption).toBeVisible();
+  });
+
+  it('changes the url on sort option select', () => {
+    const sortButton = screen.getByRole('button', { name: /Sort by/i });
+    userEvent.click(sortButton);
+
+    const newestOption = screen.getByRole('option', { name: 'Newest' });
+    userEvent.click(newestOption);
+    expect(history.location.search).toEqual('?npmPackageType=provider&sort=submissionDate:desc');
+  });
 });