diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
index 716ac051c3..6724a657be 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
@@ -11,6 +11,11 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
 }
 
+.c69 {
+  background: #ffffff;
+  padding: 16px;
+}
+
 .c16 {
   font-weight: 600;
   color: #32324d;
@@ -240,7 +245,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
 }
 
 .c53 {
-  color: #32324d;
+  color: #666687;
   display: block;
   white-space: nowrap;
   overflow: hidden;
@@ -701,7 +706,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   display: flex;
 }
 
-.c58 {
+.c90 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -790,6 +795,330 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   max-width: 100%;
 }
 
+.c65 {
+  font-weight: 600;
+  color: #271fe0;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c68 {
+  font-weight: 600;
+  color: #666687;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c63 {
+  background: #ffffff;
+  padding: 16px;
+}
+
+.c66 {
+  background: #f6f6f9;
+  padding: 12px;
+}
+
+.c58 {
+  -webkit-align-items: flex-end;
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c64 {
+  border-bottom: 1px solid #ffffff;
+}
+
+.c67 {
+  border-bottom: 1px solid #eaeaef;
+}
+
+.c61 {
+  border: none;
+  background: transparent;
+  padding: 0;
+  outline-offset: -2px;
+}
+
+.c60 + .c60 > .c62 {
+  border-left: 1px solid #eaeaef;
+}
+
+.c61 .c62 {
+  border-right: none;
+}
+
+.c61[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c59 > * {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c59 .c60:first-of-type .c62 {
+  border-radius: 4px 0 0 0;
+}
+
+.c59 .c60:last-of-type .c62 {
+  border-radius: 0 4px 0 0;
+}
+
+.c59 .c60[aria-selected="true"] .c62 {
+  border-radius: 4px 4px 0 0;
+  border-left: none;
+  border-right: none;
+}
+
+.c81 {
+  color: #4945ff;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c82 {
+  color: #4a4a6a;
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+
+.c70 {
+  border-radius: 4px;
+}
+
+.c73 {
+  background: #f6f6f9;
+  padding-right: 24px;
+  padding-left: 24px;
+}
+
+.c76 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c84 {
+  background: #dcdce4;
+  border-radius: 50%;
+  cursor: pointer;
+  width: 2rem;
+  height: 2rem;
+  cursor: pointer;
+}
+
+.c86 {
+  color: #666687;
+  width: 0.6875rem;
+}
+
+.c89 {
+  background: #ffffff;
+  padding-right: 24px;
+  padding-left: 24px;
+}
+
+.c74 {
+  -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;
+}
+
+.c77 {
+  -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;
+}
+
+.c85 {
+  -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: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c71 {
+  border: 1px solid #f6f6f9;
+}
+
+.c71:hover:not([aria-disabled='true']) {
+  border: 1px solid #4945ff;
+}
+
+.c71:hover:not([aria-disabled='true']) .sc-eaPPdL {
+  color: #271fe0;
+}
+
+.c71:hover:not([aria-disabled='true']) .c80 {
+  color: #4945ff;
+}
+
+.c71:hover:not([aria-disabled='true']) > .c72 {
+  background: #f0f0ff;
+}
+
+.c71:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
+  background: #d9d8ff;
+}
+
+.c88 {
+  border: 1px solid #ffffff;
+}
+
+.c88:hover:not([aria-disabled='true']) {
+  border: 1px solid #4945ff;
+}
+
+.c88:hover:not([aria-disabled='true']) .sc-eaPPdL {
+  color: #271fe0;
+}
+
+.c88:hover:not([aria-disabled='true']) .c80 {
+  color: #4945ff;
+}
+
+.c88:hover:not([aria-disabled='true']) > .c72 {
+  background: #f0f0ff;
+}
+
+.c88:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
+  background: #d9d8ff;
+}
+
+.c78 {
+  background: transparent;
+  border: none;
+  position: relative;
+  outline: none;
+}
+
+.c78[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c78[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c78 svg {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 0.625rem;
+}
+
+.c78 svg path {
+  fill: #4945ff;
+}
+
+.c78: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;
+}
+
+.c78:focus-visible {
+  outline: none;
+}
+
+.c78:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c83 > * {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.c83 > * + * {
+  margin-left: 12px;
+}
+
+.c87 path {
+  fill: #666687;
+}
+
+.c79 {
+  text-align: left;
+}
+
+.c79 svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.c79 svg path {
+  fill: #8e8ea9;
+}
+
+.c75 {
+  height: 5.5rem;
+  border-radius: 4px;
+}
+
+.c75:hover svg path {
+  fill: #4945ff;
+}
+
 @media (max-width:68.75rem) {
   .c25 {
     grid-column: span;
@@ -1060,7 +1389,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                                   class="c53"
                                   id="select-1-content"
                                 >
-                                  7 days
+                                  Select
                                 </span>
                               </div>
                             </div>
@@ -1113,11 +1442,17 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                           class="c44"
                           for="select-2"
                           id="select-2-label"
+                          required=""
                         >
                           <div
                             class="c45"
                           >
                             Token type
+                            <span
+                              class="c46 c47"
+                            >
+                              *
+                            </span>
                           </div>
                         </span>
                         <div
@@ -1146,7 +1481,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                                   class="c53"
                                   id="select-2-content"
                                 >
-                                  Read-only
+                                  Select
                                 </span>
                               </div>
                             </div>
@@ -1184,12 +1519,213 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
               </div>
             </div>
           </div>
+          <div>
+            <div
+              aria-label="Tabs Permissions"
+              class="c58 c59"
+              role="tablist"
+            >
+              <button
+                aria-controls="tabs-0-tabpanel"
+                aria-disabled="false"
+                aria-selected="true"
+                class="c60 c61"
+                id="tabs-0-tab"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <div
+                  class="c62 c63 c64"
+                >
+                  <span
+                    class="c65"
+                  >
+                    Collection Types
+                  </span>
+                </div>
+              </button>
+              <button
+                aria-disabled="false"
+                aria-selected="false"
+                class="c60 c61"
+                id="tabs-1-tab"
+                role="tab"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="c62 c66 c67"
+                >
+                  <span
+                    class="c68"
+                  >
+                    Single Types
+                  </span>
+                </div>
+              </button>
+              <button
+                aria-disabled="false"
+                aria-selected="false"
+                class="c60 c61"
+                id="tabs-2-tab"
+                role="tab"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="c62 c66 c67"
+                >
+                  <span
+                    class="c68"
+                  >
+                    Custom
+                  </span>
+                </div>
+              </button>
+            </div>
+            <div
+              style="position: relative;"
+            >
+              <div
+                aria-labelledby="tabs-0-tab"
+                id="tabs-0-tabpanel"
+                role="tabpanel"
+                tabindex="0"
+              >
+                <div
+                  class="c69"
+                >
+                  <div
+                    aria-disabled="false"
+                    class="c70 c71"
+                    data-strapi-expanded="false"
+                  >
+                    <div
+                      class="c72 c73 c74 c75"
+                      cursor=""
+                    >
+                      <button
+                        aria-controls="accordion-content-accordion-1"
+                        aria-disabled="false"
+                        aria-expanded="false"
+                        aria-labelledby="accordion-label-accordion-1"
+                        class="c72 c76 c77 c78 c79"
+                        data-strapi-accordion-toggle="true"
+                        type="button"
+                      >
+                        <span
+                          class="c80 c81"
+                        >
+                          <span
+                            class="c80 c82"
+                            id="accordion-label-accordion-1"
+                          >
+                            category
+                          </span>
+                        </span>
+                      </button>
+                      <div
+                        class="c72 c77 c83"
+                        spacing="3"
+                      >
+                        <span
+                          aria-hidden="true"
+                          class="c72 c84 c85"
+                          cursor="pointer"
+                          data-strapi-dropdown="true"
+                          height="2rem"
+                          width="2rem"
+                        >
+                          <svg
+                            class="c86 c87"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 14 8"
+                            width="0.6875rem"
+                            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>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    class="c70 c88"
+                    data-strapi-expanded="false"
+                  >
+                    <div
+                      class="c72 c89 c74 c75"
+                      cursor=""
+                    >
+                      <button
+                        aria-controls="accordion-content-accordion-2"
+                        aria-disabled="false"
+                        aria-expanded="false"
+                        aria-labelledby="accordion-label-accordion-2"
+                        class="c72 c76 c77 c78 c79"
+                        data-strapi-accordion-toggle="true"
+                        type="button"
+                      >
+                        <span
+                          class="c80 c81"
+                        >
+                          <span
+                            class="c80 c82"
+                            id="accordion-label-accordion-2"
+                          >
+                            country
+                          </span>
+                        </span>
+                      </button>
+                      <div
+                        class="c72 c77 c83"
+                        spacing="3"
+                      >
+                        <span
+                          aria-hidden="true"
+                          class="c72 c84 c85"
+                          cursor="pointer"
+                          data-strapi-dropdown="true"
+                          height="2rem"
+                          width="2rem"
+                        >
+                          <svg
+                            class="c86 c87"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 14 8"
+                            width="0.6875rem"
+                            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>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </form>
   </main>
   <div
-    class="c58"
+    class="c90"
   >
     <p
       aria-live="polite"
@@ -1224,6 +1760,11 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
 }
 
+.c80 {
+  background: #ffffff;
+  padding: 16px;
+}
+
 .c16 {
   font-weight: 600;
   color: #32324d;
@@ -1489,6 +2030,16 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   line-height: 1.43;
 }
 
+.c67 {
+  color: #666687;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
 .c55 {
   line-height: 0;
 }
@@ -1576,7 +2127,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   width: 0.375rem;
 }
 
-.c67 {
+.c68 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1585,7 +2136,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   border: none;
 }
 
-.c67 svg {
+.c68 svg {
   width: 0.375rem;
 }
 
@@ -2013,7 +2564,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   word-break: break-all;
 }
 
-.c68 {
+.c101 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -2102,6 +2653,330 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   max-width: 100%;
 }
 
+.c76 {
+  font-weight: 600;
+  color: #271fe0;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c79 {
+  font-weight: 600;
+  color: #666687;
+  font-size: 0.875rem;
+  line-height: 1.43;
+}
+
+.c74 {
+  background: #ffffff;
+  padding: 16px;
+}
+
+.c77 {
+  background: #f6f6f9;
+  padding: 12px;
+}
+
+.c69 {
+  -webkit-align-items: flex-end;
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c75 {
+  border-bottom: 1px solid #ffffff;
+}
+
+.c78 {
+  border-bottom: 1px solid #eaeaef;
+}
+
+.c72 {
+  border: none;
+  background: transparent;
+  padding: 0;
+  outline-offset: -2px;
+}
+
+.c71 + .c71 > .c73 {
+  border-left: 1px solid #eaeaef;
+}
+
+.c72 .c73 {
+  border-right: none;
+}
+
+.c72[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c70 > * {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c70 .c71:first-of-type .c73 {
+  border-radius: 4px 0 0 0;
+}
+
+.c70 .c71:last-of-type .c73 {
+  border-radius: 0 4px 0 0;
+}
+
+.c70 .c71[aria-selected="true"] .c73 {
+  border-radius: 4px 4px 0 0;
+  border-left: none;
+  border-right: none;
+}
+
+.c92 {
+  color: #4945ff;
+  font-size: 0.75rem;
+  line-height: 1.33;
+}
+
+.c93 {
+  color: #4a4a6a;
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+
+.c81 {
+  border-radius: 4px;
+}
+
+.c84 {
+  background: #f6f6f9;
+  padding-right: 24px;
+  padding-left: 24px;
+}
+
+.c87 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.c95 {
+  background: #dcdce4;
+  border-radius: 50%;
+  cursor: pointer;
+  width: 2rem;
+  height: 2rem;
+  cursor: pointer;
+}
+
+.c97 {
+  color: #666687;
+  width: 0.6875rem;
+}
+
+.c100 {
+  background: #ffffff;
+  padding-right: 24px;
+  padding-left: 24px;
+}
+
+.c85 {
+  -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;
+}
+
+.c88 {
+  -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;
+}
+
+.c96 {
+  -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: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c82 {
+  border: 1px solid #f6f6f9;
+}
+
+.c82:hover:not([aria-disabled='true']) {
+  border: 1px solid #4945ff;
+}
+
+.c82:hover:not([aria-disabled='true']) .sc-eaPPdL {
+  color: #271fe0;
+}
+
+.c82:hover:not([aria-disabled='true']) .c91 {
+  color: #4945ff;
+}
+
+.c82:hover:not([aria-disabled='true']) > .c83 {
+  background: #f0f0ff;
+}
+
+.c82:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
+  background: #d9d8ff;
+}
+
+.c99 {
+  border: 1px solid #ffffff;
+}
+
+.c99:hover:not([aria-disabled='true']) {
+  border: 1px solid #4945ff;
+}
+
+.c99:hover:not([aria-disabled='true']) .sc-eaPPdL {
+  color: #271fe0;
+}
+
+.c99:hover:not([aria-disabled='true']) .c91 {
+  color: #4945ff;
+}
+
+.c99:hover:not([aria-disabled='true']) > .c83 {
+  background: #f0f0ff;
+}
+
+.c99:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
+  background: #d9d8ff;
+}
+
+.c89 {
+  background: transparent;
+  border: none;
+  position: relative;
+  outline: none;
+}
+
+.c89[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c89[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c89 svg {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 0.625rem;
+}
+
+.c89 svg path {
+  fill: #4945ff;
+}
+
+.c89: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;
+}
+
+.c89:focus-visible {
+  outline: none;
+}
+
+.c89:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c94 > * {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.c94 > * + * {
+  margin-left: 12px;
+}
+
+.c98 path {
+  fill: #666687;
+}
+
+.c90 {
+  text-align: left;
+}
+
+.c90 svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.c90 svg path {
+  fill: #8e8ea9;
+}
+
+.c86 {
+  height: 5.5rem;
+  border-radius: 4px;
+}
+
+.c86:hover svg path {
+  fill: #4945ff;
+}
+
 @media (max-width:68.75rem) {
   .c33 {
     grid-column: span;
@@ -2472,11 +3347,17 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                           class="c52"
                           for="select-4"
                           id="select-4-label"
+                          required=""
                         >
                           <div
                             class="c53"
                           >
                             Token type
+                            <span
+                              class="c54 c55"
+                            >
+                              *
+                            </span>
                           </div>
                         </span>
                         <div
@@ -2502,10 +3383,10 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                                 class="c60"
                               >
                                 <span
-                                  class="c61"
+                                  class="c67"
                                   id="select-4-content"
                                 >
-                                  Read-only
+                                  Select
                                 </span>
                               </div>
                             </div>
@@ -2514,7 +3395,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                             >
                               <button
                                 aria-hidden="true"
-                                class="c62 c63 c67"
+                                class="c62 c63 c68"
                                 tabindex="-1"
                                 type="button"
                               >
@@ -2543,12 +3424,213 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
               </div>
             </div>
           </div>
+          <div>
+            <div
+              aria-label="Tabs Permissions"
+              class="c69 c70"
+              role="tablist"
+            >
+              <button
+                aria-controls="tabs-0-tabpanel"
+                aria-disabled="false"
+                aria-selected="true"
+                class="c71 c72"
+                id="tabs-0-tab"
+                role="tab"
+                tabindex="0"
+                type="button"
+              >
+                <div
+                  class="c73 c74 c75"
+                >
+                  <span
+                    class="c76"
+                  >
+                    Collection Types
+                  </span>
+                </div>
+              </button>
+              <button
+                aria-disabled="false"
+                aria-selected="false"
+                class="c71 c72"
+                id="tabs-1-tab"
+                role="tab"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="c73 c77 c78"
+                >
+                  <span
+                    class="c79"
+                  >
+                    Single Types
+                  </span>
+                </div>
+              </button>
+              <button
+                aria-disabled="false"
+                aria-selected="false"
+                class="c71 c72"
+                id="tabs-2-tab"
+                role="tab"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="c73 c77 c78"
+                >
+                  <span
+                    class="c79"
+                  >
+                    Custom
+                  </span>
+                </div>
+              </button>
+            </div>
+            <div
+              style="position: relative;"
+            >
+              <div
+                aria-labelledby="tabs-0-tab"
+                id="tabs-0-tabpanel"
+                role="tabpanel"
+                tabindex="0"
+              >
+                <div
+                  class="c80"
+                >
+                  <div
+                    aria-disabled="false"
+                    class="c81 c82"
+                    data-strapi-expanded="false"
+                  >
+                    <div
+                      class="c83 c84 c85 c86"
+                      cursor=""
+                    >
+                      <button
+                        aria-controls="accordion-content-accordion-3"
+                        aria-disabled="false"
+                        aria-expanded="false"
+                        aria-labelledby="accordion-label-accordion-3"
+                        class="c83 c87 c88 c89 c90"
+                        data-strapi-accordion-toggle="true"
+                        type="button"
+                      >
+                        <span
+                          class="c91 c92"
+                        >
+                          <span
+                            class="c91 c93"
+                            id="accordion-label-accordion-3"
+                          >
+                            category
+                          </span>
+                        </span>
+                      </button>
+                      <div
+                        class="c83 c88 c94"
+                        spacing="3"
+                      >
+                        <span
+                          aria-hidden="true"
+                          class="c83 c95 c96"
+                          cursor="pointer"
+                          data-strapi-dropdown="true"
+                          height="2rem"
+                          width="2rem"
+                        >
+                          <svg
+                            class="c97 c98"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 14 8"
+                            width="0.6875rem"
+                            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>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    aria-disabled="false"
+                    class="c81 c99"
+                    data-strapi-expanded="false"
+                  >
+                    <div
+                      class="c83 c100 c85 c86"
+                      cursor=""
+                    >
+                      <button
+                        aria-controls="accordion-content-accordion-4"
+                        aria-disabled="false"
+                        aria-expanded="false"
+                        aria-labelledby="accordion-label-accordion-4"
+                        class="c83 c87 c88 c89 c90"
+                        data-strapi-accordion-toggle="true"
+                        type="button"
+                      >
+                        <span
+                          class="c91 c92"
+                        >
+                          <span
+                            class="c91 c93"
+                            id="accordion-label-accordion-4"
+                          >
+                            country
+                          </span>
+                        </span>
+                      </button>
+                      <div
+                        class="c83 c88 c94"
+                        spacing="3"
+                      >
+                        <span
+                          aria-hidden="true"
+                          class="c83 c95 c96"
+                          cursor="pointer"
+                          data-strapi-dropdown="true"
+                          height="2rem"
+                          width="2rem"
+                        >
+                          <svg
+                            class="c97 c98"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 14 8"
+                            width="0.6875rem"
+                            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>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </form>
   </main>
   <div
-    class="c68"
+    class="c101"
   >
     <p
       aria-live="polite"