diff --git a/.gitignore b/.gitignore
index 89ef98427f..c42461127a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@
 .idea
 target
 .env
+.env.dev
 /.vscode/settings.json
 validator/.vscode
 sample-configs/validator-config.toml
diff --git a/explorer/src/components/Gateways/VersionDisplaySelector.tsx b/explorer/src/components/Gateways/VersionDisplaySelector.tsx
index 927e46c026..e9be02b419 100644
--- a/explorer/src/components/Gateways/VersionDisplaySelector.tsx
+++ b/explorer/src/components/Gateways/VersionDisplaySelector.tsx
@@ -5,6 +5,7 @@ import { useIsMobile } from '../../hooks/useIsMobile';
 export enum VersionSelectOptions {
   latestVersion = 'Latest versions',
   olderVersions = 'Older versions',
+  all = 'All',
 }
 export const VersionDisplaySelector = ({
   selected,
@@ -32,6 +33,9 @@ export const VersionDisplaySelector = ({
         <MenuItem value={VersionSelectOptions.olderVersions} data-testid="show-gateway-old-versions">
           {VersionSelectOptions.olderVersions}
         </MenuItem>
+        <MenuItem value={VersionSelectOptions.all} data-testid="show-gateway-all-versions">
+          {VersionSelectOptions.all}
+        </MenuItem>
       </Select>
     </FormControl>
   );
diff --git a/explorer/src/pages/Gateways/index.tsx b/explorer/src/pages/Gateways/index.tsx
index 77e9e04fa2..028b90d8b8 100644
--- a/explorer/src/pages/Gateways/index.tsx
+++ b/explorer/src/pages/Gateways/index.tsx
@@ -25,7 +25,7 @@ export const PageGateways: FCWithChildren = () => {
   const [filteredGateways, setFilteredGateways] = React.useState<GatewayResponse>([]);
   const [pageSize, setPageSize] = React.useState<string>('50');
   const [searchTerm, setSearchTerm] = React.useState<string>('');
-  const [versionFilter, setVersionFilter] = React.useState<VersionSelectOptions>(VersionSelectOptions.latestVersion);
+  const [versionFilter, setVersionFilter] = React.useState<VersionSelectOptions>(VersionSelectOptions.all);
 
   const theme = useTheme();
 
@@ -61,10 +61,18 @@ export const PageGateways: FCWithChildren = () => {
     return [];
   }, [gateways]);
 
-  const filteredByVersion = React.useMemo(
-    () => (versionFilter === VersionSelectOptions.latestVersion ? filterByLatestVersions : filterByOlderVersions),
-    [versionFilter, gateways],
-  );
+  const filteredByVersion = React.useMemo(() => {
+    switch (versionFilter) {
+      case VersionSelectOptions.latestVersion:
+        return filterByLatestVersions;
+      case VersionSelectOptions.olderVersions:
+        return filterByOlderVersions;
+      case VersionSelectOptions.all:
+        return gateways?.data || [];
+      default:
+        return [];
+    }
+  }, [versionFilter, gateways]);
 
   React.useEffect(() => {
     if (searchTerm === '') {
diff --git a/explorer/src/pages/ServiceProviders/index.tsx b/explorer/src/pages/ServiceProviders/index.tsx
index 8a0071c15d..5a6c10b235 100644
--- a/explorer/src/pages/ServiceProviders/index.tsx
+++ b/explorer/src/pages/ServiceProviders/index.tsx
@@ -55,7 +55,7 @@ export const ServiceProviders = () => {
                   pageSize={pageSize}
                   childrenBefore={<SupportedApps />}
                 />
-                <UniversalDataGrid pagination rows={serviceProviders} columns={columns} pageSize={pageSize} />
+                <UniversalDataGrid pagination rows={serviceProviders?.data?.items} columns={columns} pageSize={pageSize} />
               </>
             ) : (
               <Typography>No service providers to display</Typography>
diff --git a/explorer/src/typeDefs/explorer-api.ts b/explorer/src/typeDefs/explorer-api.ts
index e6cc617ddb..3fb4b60c43 100644
--- a/explorer/src/typeDefs/explorer-api.ts
+++ b/explorer/src/typeDefs/explorer-api.ts
@@ -250,6 +250,6 @@ export type DirectoryServiceProvider = {
 
 export type DirectoryService = {
   id: string;
-  descrtiption: string;
+  description: string;
   items: DirectoryServiceProvider[];
 };