diff --git a/components/GraphQLExplorerPage/index.tsx b/components/GraphQLExplorerPage/index.tsx
index e0aa4fc..f22f2f4 100644
--- a/components/GraphQLExplorerPage/index.tsx
+++ b/components/GraphQLExplorerPage/index.tsx
@@ -53,15 +53,16 @@ export const GraphQLExplorerPage = ({ source: { frontmatter } }: Props) => {
         const url = publicRuntimeConfig.fusionFeedUrl + '/v2/graphql';
         const subscriptionUrl = publicRuntimeConfig.fusionFeedUrl + '/v2/graphql-ws';
         const token = cookie.get('fftoken');
+        const tokenType = token?.includes('.') ? 'Bearer' : 'token';
         setFetcher(() =>
             createGraphiQLFetcher({
                 headers: {
-                    Authorization: `token ${token}`,
+                    Authorization: `${tokenType} ${token}`,
                 },
                 subscriptionUrl,
                 url,
                 wsConnectionParams: {
-                    Authorization: `token ${token}`,
+                    Authorization: `${tokenType} ${token}`,
                 },
             }),
         );
diff --git a/components/RESTExplorerPage/index.tsx b/components/RESTExplorerPage/index.tsx
index 2a98900..21d39ad 100644
--- a/components/RESTExplorerPage/index.tsx
+++ b/components/RESTExplorerPage/index.tsx
@@ -23,6 +23,15 @@ const getToken = () =>
         .find((row) => row.startsWith('fftoken='))
         ?.split('=')[1];
 
+const getAuthorization = () => {
+    const token = getToken();
+    if (!token) {
+        return '';
+    }
+    const tokenType = token.includes('.') ? 'Bearer' : 'token';
+    return `${tokenType} ${token}`;
+};
+
 const specUrl = `${publicRuntimeConfig.fusionFeedUrl}/v2/openapi.json`;
 
 export const RESTExplorerPage = (props: Props) => {
@@ -32,10 +41,9 @@ export const RESTExplorerPage = (props: Props) => {
         <button
             className={styles['swagger__button']}
             onClick={() => {
-                const token = getToken();
                 fetch(specUrl, {
                     headers: {
-                        authorization: `token ${token}`,
+                        authorization: getAuthorization(),
                     },
                 })
                     .then((res) => res.blob())
@@ -67,17 +75,17 @@ export const RESTExplorerPage = (props: Props) => {
                 <div className={styles.wrapper}>
                     <SwaggerUI
                         onComplete={(sys) => {
-                            const token = getToken();
-                            if (token) {
-                                sys.preauthorizeApiKey('api_key', `token ${token}`);
-                                sys.preauthorizeApiKey('ApiKeyAuth', `token ${token}`);
+                            const auth = getAuthorization();
+                            if (auth) {
+                                sys.preauthorizeApiKey('api_key', auth);
+                                sys.preauthorizeApiKey('ApiKeyAuth', auth);
                             }
                         }}
                         plugins={[SpecDownloadPlugin]}
                         requestInterceptor={(req) => {
-                            const token = getToken();
-                            if (token && req.url.endsWith('/v2/openapi.json')) {
-                                req.headers['authorization'] = `token ${token}`;
+                            const auth = getAuthorization();
+                            if (auth && req.url.endsWith('/v2/openapi.json')) {
+                                req.headers['authorization'] = auth;
                             }
                             return req;
                         }}
diff --git a/lib/fusionfeed.ts b/lib/fusionfeed.ts
index 89f96e5..5d7ebfd 100644
--- a/lib/fusionfeed.ts
+++ b/lib/fusionfeed.ts
@@ -12,7 +12,7 @@ export async function validateFusionFeedToken(token: string): Promise<boolean> {
         method: 'POST',
         headers: {
             'Content-Type': 'application/graphql',
-            Authorization: 'token ' + token,
+            Authorization: (token.includes('.') ? 'Bearer ' : 'token ') + token,
         },
         body: '{__typename}',
     });