diff --git a/frontend-web/webclient/app/DefaultObjects.ts b/frontend-web/webclient/app/DefaultObjects.ts
index cc2aa47c5e..f91c2d9d3e 100644
--- a/frontend-web/webclient/app/DefaultObjects.ts
+++ b/frontend-web/webclient/app/DefaultObjects.ts
@@ -6,8 +6,6 @@ import {SidebarStateProps} from "./Applications/Redux/Reducer";
 import {getUserThemePreference} from "./UtilityFunctions";
 import {defaultAvatar} from "./AvataaarLib";
 import {HookStore} from "./Utilities/ReduxHooks";
-import {ProviderBrandingResponse} from "./UCloud/ProviderBrandingApi";
-import {initProviderBranding} from "./ProviderBrandings/AutomaticProviderBranding";
 import {BrandingResponse} from "./UCloud/BrandingApi";
 import {initBranding} from "./Applications/Branding/AutomaticBranding";
 import {SidebarTabId} from "./ui-components/SidebarComponents";
@@ -27,7 +25,6 @@ export interface LegacyReduxObject {
     avatar: AvatarReduxObject;
     project: ProjectRedux.State;
     terminal: TerminalState;
-    providerBrandings: ProviderBrandingResponse;
     branding: BrandingResponse
     popinChild: PopInArgs;
     sidebar: SidebarStateProps;
@@ -59,7 +56,6 @@ export function initObject(): ReduxObject {
         avatar: initAvatar(),
         project: ProjectRedux.initialState,
         terminal: initTerminalState(),
-        providerBrandings: initProviderBranding(),
         branding: initBranding(),
         popinChild: {el: undefined},
         sidebar: {favorites: [], theme: getThemeOrDefaultValue()}
diff --git a/frontend-web/webclient/app/Grants/Editor.tsx b/frontend-web/webclient/app/Grants/Editor.tsx
index 0fbade9c71..242e8ad39a 100644
--- a/frontend-web/webclient/app/Grants/Editor.tsx
+++ b/frontend-web/webclient/app/Grants/Editor.tsx
@@ -41,8 +41,8 @@ import {useLocation, useNavigate} from "react-router-dom";
 import * as Grants from ".";
 import {State} from ".";
 import {ChangeOrganizationDetails, OptionalInfo, optionalInfoRequest, optionalInfoUpdate} from "@/UserSettings/ChangeUserDetails";
-import {useSelector} from "react-redux";
 import {sendFailureNotification, sendSuccessNotification} from "@/Notifications";
+import {providerBrandingStore} from "@/ProviderBrandings/AutomaticProviderBranding";
 
 // State model
 // =====================================================================================================================
@@ -166,25 +166,25 @@ const defaultState: EditorState = {
 type EditorAction =
     | {type: "GrantLoaded", grant: Grants.Application, wallets: Accounting.WalletV2[]}
     | {
-    type: "GrantGiverInitiatedLoaded",
-    wallets: Accounting.WalletV2[],
-    start: number,
-    end: number,
-    title: string,
-    projectId?: string,
-    piUsernameHint: string
-}
+        type: "GrantGiverInitiatedLoaded",
+        wallets: Accounting.WalletV2[],
+        start: number,
+        end: number,
+        title: string,
+        projectId?: string,
+        piUsernameHint: string
+    }
     | {type: "AllocatorsLoaded", allocators: Grants.GrantGiver[], recipientType?: Grants.Recipient["type"]}
     | {type: "DurationUpdated", month?: number, year?: number, duration?: number}
     | {type: "DurationWarning", durationWarning: string}
     | {type: "AllocatorChecked", isChecked: boolean, allocatorId: string}
     | {
-    type: "BalanceUpdated",
-    provider: string,
-    category: string,
-    allocator: string,
-    balance: number | null,
-}
+        type: "BalanceUpdated",
+        provider: string,
+        category: string,
+        allocator: string,
+        balance: number | null,
+    }
     | {type: "SetIsCreating", stateDuringCreate?: EditorState["stateDuringCreate"]}
     | {type: "RecipientUpdated", isCreatingNewProject: boolean, reference?: string}
     | {type: "ProjectsReloaded", projects: {id: string | null, title: string}[]}
@@ -1438,7 +1438,6 @@ export function Editor(): React.ReactNode {
     const isForSubAllocator = getQueryParam(location.search, "subAllocator") == "true";
     useProjectId(); // FIXME(Jonas): Is this some refresh-thing that breaks stuff if you remove it?
 
-    const providerBrandingData = useSelector((it: ReduxObject) => it.providerBrandings);
     const [missingUserInfo, setMissingUserInfo] = React.useState(false);
     React.useEffect(() => {
         (async () => {
@@ -1937,8 +1936,8 @@ export function Editor(): React.ReactNode {
             state.fullScreenLoading ? <>
                 <HexSpin size={64} />
             </> : state.fullScreenError ? <>
-                    {state.fullScreenError}
-                </> :
+                {state.fullScreenError}
+            </> :
                 <Box mx="auto" className={classes.join(" ")}>
                     <header className={"at-top"}>
                         <h3 className="title">Information about your project</h3>
@@ -1962,8 +1961,8 @@ export function Editor(): React.ReactNode {
                                     {!state.locked && <>
                                         {!isGrantGiverInitiated &&
                                             <ConfirmationButton actionText={"Discard changes"} icon={"heroTrash"}
-                                                                color={"errorMain"}
-                                                                onAction={onDiscard} />
+                                                color={"errorMain"}
+                                                onAction={onDiscard} />
                                         }
 
                                         <Button onClick={validateThenUpdate} type={"button"} color={"successMain"}>
@@ -1976,8 +1975,8 @@ export function Editor(): React.ReactNode {
 
                                     {!isClosed && state.stateDuringEdit.allowWithdrawal && state.locked && <>
                                         <ConfirmationButton actionText={"Withdraw application"} icon={"heroTrash"}
-                                                            color={"errorMain"}
-                                                            onAction={onWithdraw} />
+                                            color={"errorMain"}
+                                            onAction={onWithdraw} />
                                     </>}
                                 </>}
 
@@ -2040,20 +2039,20 @@ export function Editor(): React.ReactNode {
                                     <label>
                                         {state.stateDuringCreate.creatingWorkspace && <>
                                             New project (<a className={BaseLinkClass} href="#" onClick={() => switchToExistingProject(state)}>
-                                            select an existing project instead
-                                        </a>)
+                                                select an existing project instead
+                                            </a>)
                                             <Input id={FormIds.title}
-                                                   placeholder={"Please enter the title of your project"}
-                                                   height="42px"
-                                                   value={state.stateDuringCreate.reference ?? ""}
-                                                   onInput={onNewProjectInput} required />
+                                                placeholder={"Please enter the title of your project"}
+                                                height="42px"
+                                                value={state.stateDuringCreate.reference ?? ""}
+                                                onInput={onNewProjectInput} required />
                                         </>}
                                         {!state.stateDuringCreate.creatingWorkspace && <>
                                             Existing project (<a href="#" className={BaseLinkClass} onClick={switchToNewProject}>
-                                            create a new project instead
-                                        </a>)
+                                                create a new project instead
+                                            </a>)
                                             <Select value={state.stateDuringCreate.reference || "null"}
-                                                    onChange={onProjectSelected}>
+                                                onChange={onProjectSelected}>
                                                 {state.loadedProjects.map(workspace =>
                                                     <React.Fragment key={workspace.id ?? "null"}>
                                                         <option value={workspace.id ?? "null"}>
@@ -2129,9 +2128,9 @@ export function Editor(): React.ReactNode {
                                     {referenceIdsToShow.map((id, idx) => <label key={idx}>
                                         Reference ID #{idx + 1}
                                         <Input id={FormIds.deicId + "-" + idx}
-                                               disabled={state.locked || !state?.stateDuringEdit?.wallets?.length}
-                                               placeholder={state.locked ? "None specified" : "DeiC-SDU-L1-0000"}
-                                               value={id} onInput={onReferenceIdInput} onBlur={onReferenceBlur} />
+                                            disabled={state.locked || !state?.stateDuringEdit?.wallets?.length}
+                                            placeholder={state.locked ? "None specified" : "DeiC-SDU-L1-0000"}
+                                            value={id} onInput={onReferenceIdInput} onBlur={onReferenceBlur} />
                                     </label>)}
                                 </FormField>
                             </>}
@@ -2266,7 +2265,7 @@ export function Editor(): React.ReactNode {
 
                                             if (hideZeroFields && !anyNonZeroValues) return null;
 
-                                            const currentProvider = providerBrandingData.providers[providerId];
+                                            const currentProvider = providerBrandingStore.getSnapshot().providers[providerId];
                                             const productDescription = currentProvider?.productDescription?.find(it => it.category === category.category.name);
                                             const showDescriptions = productDescription != undefined;
 
@@ -2600,7 +2599,7 @@ const CommentSection: React.FunctionComponent<{
             <div className="wrapper">
                 <UserAvatar avatar={avatars.avatar(Client.username!)} width={"48px"} />
                 <TextArea inputRef={textAreaRef} rows={3} disabled={props.disabled}
-                          placeholder={"Your comment"} onKeyDown={onKeyDown} />
+                    placeholder={"Your comment"} onKeyDown={onKeyDown} />
             </div>
 
             <div className="buttons">
@@ -2838,7 +2837,7 @@ const FormField: React.FunctionComponent<{
     return <>
         <div>
             <label htmlFor={props.id}
-                   className={`section ${props.showDescriptionInEditMode === false ? "optional" : ""}`}>
+                className={`section ${props.showDescriptionInEditMode === false ? "optional" : ""}`}>
                 {props.icon && <Icon name={props.icon} mr={"8px"} size={30} />}
                 {props.title}
                 {props.mandatory && <span className={"mandatory"} />}
diff --git a/frontend-web/webclient/app/Products/Selector.tsx b/frontend-web/webclient/app/Products/Selector.tsx
index 7f48335a96..8307215768 100644
--- a/frontend-web/webclient/app/Products/Selector.tsx
+++ b/frontend-web/webclient/app/Products/Selector.tsx
@@ -12,16 +12,16 @@ import {useUState} from "@/Utilities/UState";
 import {clamp, grantsLink, stopPropagation} from "@/UtilityFunctions";
 import {ProductSupport, ResolvedSupport} from "@/UCloud/ResourceApi";
 import {explainMaintenance, maintenanceIconColor, shouldAllowMaintenanceAccess} from "@/Products/Maintenance";
-import {classConcat, injectStyle, injectStyleSimple} from "@/Unstyled";
+import {classConcat, injectStyle} from "@/Unstyled";
 import {MandatoryField, NoResultsBody} from "@/UtilityComponents";
 import {ComputeSupport, JobQueueStatus} from "@/UCloud/JobsApi";
 import {ThemeColor} from "@/ui-components/theme";
 import {TooltipV2} from "@/ui-components/Tooltip";
-import {useSelector} from "react-redux";
 import {ServiceProviderItem, ServiceProviderSelector} from "@/Applications/ApiTokens/Add";
 import {InputClass} from "@/ui-components/Input";
 import {useProjectId} from "@/Project/Api";
 import {stupidPluralize} from "@/Utilities/TextUtilities";
+import {useProviderBrandings} from "@/Providers/Overview";
 
 interface ComputeCategory {
     provider: string;
@@ -610,8 +610,8 @@ function ProductDescription({serviceProvider, category}: {serviceProvider: strin
 }
 
 function useProductDescription(serviceProvider: string, category: string): string {
-    const providerBrandings = useSelector((r: ReduxObject) => r.providerBrandings.providers);
-    return providerBrandings[serviceProvider]?.productDescription.find(it => it.category === category)?.shortDescription ?? "No description"
+    const providerBrandings = useProviderBrandings();
+    return providerBrandings?.[serviceProvider]?.productDescription.find(it => it.category === category)?.shortDescription ?? "No description"
 }
 
 function naiveCategoryStatus(products: (ComputeCategory | ProductV2)[], productSupport: ResolvedSupport<Product, ProductSupport>[]): Record<string, JobQueueStatus> {
diff --git a/frontend-web/webclient/app/ProviderBrandings/AutomaticProviderBranding.tsx b/frontend-web/webclient/app/ProviderBrandings/AutomaticProviderBranding.tsx
index 6a41e44011..5a154b61d2 100644
--- a/frontend-web/webclient/app/ProviderBrandings/AutomaticProviderBranding.tsx
+++ b/frontend-web/webclient/app/ProviderBrandings/AutomaticProviderBranding.tsx
@@ -1,49 +1,40 @@
-import * as React from "react";
-import {useCloudAPI} from "@/Authentication/DataHook";
-import {providerBrandingApi, ProviderBrandingResponse} from "@/UCloud/ProviderBrandingApi";
-import {createSlice, PayloadAction} from "@reduxjs/toolkit";
-import {useDispatch} from "react-redux";
+import {callAPI} from "@/Authentication/DataHook";
+import {ProviderBranding, providerBrandingApi, ProviderBrandingResponse} from "@/UCloud/ProviderBrandingApi";
+import {ExternalStoreBase} from "@/Utilities/ReduxUtilities";
+import ProviderInfo from "@/Assets/provider_info.json";
 
-export const AutomaticProviderBranding: React.FunctionComponent = () => {
-    const [providerBrandings, fetchBranding] = useCloudAPI<ProviderBrandingResponse>(
-        providerBrandingApi.browse(),
-        {providers: {}}
-    );
 
-    React.useEffect(() => {
-        const intervalId = setInterval(() => {
-            fetchBranding(providerBrandingApi.browse());
-        }, 1000 * 60 * 60);
-        return () => {
-            clearInterval(intervalId);
-        }
-    }, []);
-
-    const dispatch = useDispatch();
-
-    React.useEffect(() => {
-        dispatch(addProviderBranding(providerBrandings.data));
-    }, [providerBrandings.data]);
+export const providerBrandingStore = new class extends ExternalStoreBase {
+    private branding: ProviderBrandingResponse = {providers: {}};
 
-    return null;
-};
+    async onInit(): Promise<void> {
+        this.fetch();
+        window.setInterval(() => {
+            this.fetch();
+        }, 3 * 600_000);
+    }
 
+    async fetch() {
+        try {
+            const response = await callAPI(providerBrandingApi.browse());
+            this.branding = response;
+            this.emitChange();
+        } catch (e: any) {
+            console.warn(e);
+        }
+    }
 
-export function initProviderBranding(): ProviderBrandingResponse {
-    return {
-        providers: {},
+    public getSnapshot(): Readonly<ProviderBrandingResponse> {
+        return this.branding;
     }
-}
 
-const providerBrandingSlice = createSlice({
-    name: "providerBranding",
-    initialState: initProviderBranding(),
-    reducers: {
-        addProviderBranding(state, action: PayloadAction<ProviderBrandingResponse>) {
-            state.providers = action.payload.providers;
-        }
+    public getProviderProperty<Property extends keyof ProviderBranding>(providerId: string, providerProperty: Property): ProviderBranding[Property] | undefined {
+        const property = this.branding.providers[providerId]?.[providerProperty];
+        const useFallback = providerProperty === "logo" && (property as string)?.includes("/");
+        if (!property) console.warn(`Property '${providerProperty}' missing for ${providerId}`, this.branding);
+        if (useFallback) console.warn(`Using fallback logo for ${providerId}. Actual value: ${property}`)
+        return property && !useFallback ? property : ProviderInfo.providers.find(it => it.id === providerId)?.[providerProperty as string];
     }
-});
+}
 
-const {addProviderBranding} = providerBrandingSlice.actions;
-export const providerBrandingReducer = providerBrandingSlice.reducer;
\ No newline at end of file
+providerBrandingStore.onInit();
diff --git a/frontend-web/webclient/app/Providers/Detailed.tsx b/frontend-web/webclient/app/Providers/Detailed.tsx
index 5cc0c82509..57f5988f92 100644
--- a/frontend-web/webclient/app/Providers/Detailed.tsx
+++ b/frontend-web/webclient/app/Providers/Detailed.tsx
@@ -10,13 +10,13 @@ import {ProviderLogo} from "./ProviderLogo";
 import {ProviderTitle} from "./ProviderTitle";
 import TitledCard from "@/ui-components/HighlightedCard";
 import {SidebarTabId} from "@/ui-components/SidebarComponents";
-import {useSelector} from "react-redux";
 import {ProviderBranding} from "@/UCloud/ProviderBrandingApi";
+import {providerBrandingStore} from "@/ProviderBrandings/AutomaticProviderBranding";
 
 function useProviderBranding(id?: string): ProviderBranding | undefined {
-    const data = useSelector((it: ReduxObject) => it.providerBrandings);
     if (!id) return undefined;
-    return data.providers[id];
+    const providers = providerBrandingStore.getSnapshot();
+    return providers.providers[id];
 }
 
 export default function DetailedProvider() {
@@ -50,7 +50,7 @@ export default function DetailedProvider() {
                     <Flex>
                         {section.image !== "" ? <Flex flexDirection="column" mr="24px" my="8px">
                             <Box flexGrow={1} />
-                            <img alt={`Provider detail image`}  style={{height: "150px", objectFit: "scale-down"}} src={section.image} />
+                            <img alt={`Provider detail image`} style={{height: "150px", objectFit: "scale-down"}} src={section.image} />
                             <Box flexGrow={1} />
                         </Flex> : <Box />}
                         <div>
@@ -62,27 +62,27 @@ export default function DetailedProvider() {
                 </TitledCard>
             </Box>
         )}
-        {entry.productDescription.map((prod, index) => 
+        {entry.productDescription.map((prod, index) =>
             <Box key={index} my="32px">
                 <TitledCard>
                     <Flex>
                         <h2>{prod.category}</h2>
-                        <Box flexGrow={1}/>
+                        <Box flexGrow={1} />
                         <div>
                             {prod.shortDescription}
                         </div>
                     </Flex>
                     <Flex>
-                    <div>
-                        {prod.section.image ? <img alt={`Product Section Image`}  style={{height: "150px", objectFit: "scale-down"}} src={prod.section.image} /> : <div />}
-                    </div>
-                    <div>
-                        <br/>
-                        <br/>
-                        <Markdown>
-                            {prod.section.description}
-                        </Markdown>
-                    </div>
+                        <div>
+                            {prod.section.image ? <img alt={`Product Section Image`} style={{height: "150px", objectFit: "scale-down"}} src={prod.section.image} /> : <div />}
+                        </div>
+                        <div>
+                            <br />
+                            <br />
+                            <Markdown>
+                                {prod.section.description}
+                            </Markdown>
+                        </div>
                     </Flex>
                 </TitledCard>
             </Box>
diff --git a/frontend-web/webclient/app/Providers/Overview.tsx b/frontend-web/webclient/app/Providers/Overview.tsx
index da018b3a00..7d377f1964 100644
--- a/frontend-web/webclient/app/Providers/Overview.tsx
+++ b/frontend-web/webclient/app/Providers/Overview.tsx
@@ -12,8 +12,9 @@ import {CardClass} from "@/ui-components/Card";
 import {SidebarTabId} from "@/ui-components/SidebarComponents";
 import {ProviderBranding} from "@/UCloud/ProviderBrandingApi";
 import {useSelector} from "react-redux";
+import {providerBrandingStore} from "@/ProviderBrandings/AutomaticProviderBranding";
 
-export function ProviderEntry(props: { provider: ProviderBranding }): React.ReactNode {
+export function ProviderEntry(props: {provider: ProviderBranding}): React.ReactNode {
     if (!props.provider.id || !props.provider.title) return null;
 
     return (
@@ -21,11 +22,11 @@ export function ProviderEntry(props: { provider: ProviderBranding }): React.Reac
             <div className={classConcat(CardClass, ProviderCard)}>
                 <Flex mt="12px">
                     <Flex mx="auto">
-                        <ProviderLogo providerId={props.provider.id} size={150}/>
+                        <ProviderLogo providerId={props.provider.id} size={150} />
                     </Flex>
                 </Flex>
                 <h3 style={{textAlign: "center", marginTop: "8px", height: "50px"}}>
-                    <ProviderTitle providerId={props.provider.id}/>
+                    <ProviderTitle providerId={props.provider.id} />
                 </h3>
 
                 <div style={{textAlign: "start"}}>
@@ -36,9 +37,9 @@ export function ProviderEntry(props: { provider: ProviderBranding }): React.Reac
     );
 }
 
-function useProviderBrandings(): Record<string, ProviderBranding> | undefined {
-    const data = useSelector((it: ReduxObject) => it.providerBrandings);
-    return data.providers;
+export function useProviderBrandings(): Record<string, ProviderBranding> | undefined {
+    const providers = React.useSyncExternalStore(sub => providerBrandingStore.subscribe(sub), () => providerBrandingStore.getSnapshot());
+    return providers.providers;
 }
 
 export default function ProviderOverview() {
@@ -51,20 +52,20 @@ export default function ProviderOverview() {
     const main = <Box m="12px 24px">
         <GridCardGroup minmax={250}>
             {Object.values(providers).map(provider =>
-                <ProviderEntry key={provider.title} provider={provider}/>
+                <ProviderEntry key={provider.title} provider={provider} />
             )}
         </GridCardGroup>
     </Box>
 
     if (!Client.isLoggedIn) return (<>
-        <NonAuthenticatedHeader/>
-        <Box mb="72px"/>
+        <NonAuthenticatedHeader />
+        <Box mb="72px" />
         <div>
             {main}
         </div>
     </>);
 
-    return (<MainContainer main={main}/>);
+    return (<MainContainer main={main} />);
 }
 
 const ProviderCard = injectStyle("provider-card", k => `
diff --git a/frontend-web/webclient/app/Providers/ProviderLogo.tsx b/frontend-web/webclient/app/Providers/ProviderLogo.tsx
index 91c2c2bb47..4f7551373b 100644
--- a/frontend-web/webclient/app/Providers/ProviderLogo.tsx
+++ b/frontend-web/webclient/app/Providers/ProviderLogo.tsx
@@ -1,21 +1,26 @@
 import * as React from "react";
 import {Image} from "@/ui-components";
-import ProviderInfo from "@/Assets/provider_info.json";
 import {classConcat} from "@/Unstyled";
 import {injectStyle} from "@/Unstyled";
 import {TooltipV2} from "@/ui-components/Tooltip";
 import {getProviderTitle} from "@/Providers/ProviderTitle";
+import {providerBrandingStore} from "@/ProviderBrandings/AutomaticProviderBranding";
 
 export function providerLogoPath(providerId: string): string {
-    const logo = ProviderInfo.providers.find(p => p.id === providerId)?.logo ?? "";
+    const logo = providerBrandingStore.getProviderProperty(providerId, "logo");
     if (logo) return `/Images/${logo}`;
     return "";
 }
 
 export const ProviderLogo: React.FunctionComponent<{providerId: string; size: number; className?: string;}> = ({providerId, size, className}) => {
-    const myInfo = ProviderInfo.providers.find(p => p.id === providerId);
+    const [logo, title] = [
+        providerBrandingStore.getProviderProperty(providerId, "logo"),
+        providerBrandingStore.getProviderProperty(providerId, "title")
+    ];
+
+
     return <ProviderLogoWrapper size={size} className={className} tooltip={getProviderTitle(providerId)}>
-        {!myInfo ? (providerId[0] ?? "?").toUpperCase() : <Image src={`/Images/${myInfo.logo}`} alt={`Logo for ${myInfo.title}`} />}
+        {!logo ? (providerId[0] ?? "?").toUpperCase() : <Image src={logo.includes("/") ? logo : `/Images/${logo}`} alt={`Logo for ${title}`} />}
     </ProviderLogoWrapper>
 };
 
diff --git a/frontend-web/webclient/app/Providers/ProviderTitle.tsx b/frontend-web/webclient/app/Providers/ProviderTitle.tsx
index 301a10cd19..5faaab055f 100644
--- a/frontend-web/webclient/app/Providers/ProviderTitle.tsx
+++ b/frontend-web/webclient/app/Providers/ProviderTitle.tsx
@@ -1,25 +1,16 @@
 import * as React from "react";
-import ProviderInfo from "@/Assets/provider_info.json";
 import {capitalized} from "@/UtilityFunctions";
-
-interface ProviderInfo {
-    id: string;
-    title: string;
-    logo: string | null;
-    shortTitle: string;
-}
+import {providerBrandingStore} from "@/ProviderBrandings/AutomaticProviderBranding";
 
 export const ProviderTitle: React.FunctionComponent<{providerId: string}> = ({providerId}) => {
     return <>{getProviderTitle(providerId)}</>;
 };
 
 export function getProviderTitle(providerId: string): string {
-    const providers: ProviderInfo[] = ProviderInfo.providers;
-    const myInfo = providers.find(p => p.id === providerId);
-    return myInfo?.title ?? capitalized(providerId.replace("_", " ").replace("-", " "));
+    const title = providerBrandingStore.getProviderProperty(providerId, "title");
+    return title ?? capitalized(providerId.replace("_", " ").replace("-", " "));
 }
 export function getShortProviderTitle(providerId: string): string {
-    const providers: ProviderInfo[] = ProviderInfo.providers;
-    const myInfo = providers.find(p => p.id === providerId);
-    return myInfo?.shortTitle ?? capitalized(providerId.replace("_", " ").replace("-", " "));
+    const shortTitle = providerBrandingStore.getProviderProperty(providerId, "shortTitle");
+    return shortTitle ?? capitalized(providerId.replace("_", " ").replace("-", " "));
 }
diff --git a/frontend-web/webclient/app/UCloud/ProviderBrandingApi.tsx b/frontend-web/webclient/app/UCloud/ProviderBrandingApi.tsx
index fa4f51da4e..e7819ea119 100644
--- a/frontend-web/webclient/app/UCloud/ProviderBrandingApi.tsx
+++ b/frontend-web/webclient/app/UCloud/ProviderBrandingApi.tsx
@@ -35,5 +35,4 @@ export class ProviderBrandingApi {
     }
 }
 
-const providerBrandingApi = new ProviderBrandingApi();
-export { providerBrandingApi };
\ No newline at end of file
+export const providerBrandingApi = new ProviderBrandingApi();
\ No newline at end of file
diff --git a/frontend-web/webclient/app/Utilities/ReduxUtilities.tsx b/frontend-web/webclient/app/Utilities/ReduxUtilities.tsx
index 7a2d68b4a0..25e6f369dd 100644
--- a/frontend-web/webclient/app/Utilities/ReduxUtilities.tsx
+++ b/frontend-web/webclient/app/Utilities/ReduxUtilities.tsx
@@ -11,7 +11,6 @@ import {popInReducer} from "@/ui-components/PopIn";
 import {sidebarReducer} from "@/Applications/Redux/Reducer";
 import {EnhancedStore, PayloadAction, ReducersMapObject, configureStore} from "@reduxjs/toolkit";
 import {noopCall} from "@/Authentication/DataHook";
-import {providerBrandingReducer} from "@/ProviderBrandings/AutomaticProviderBranding";
 import {brandingReducer} from "@/Applications/Branding/AutomaticBranding";
 
 export const CONTEXT_SWITCH = "CONTEXT_SWITCH";
@@ -45,7 +44,6 @@ export const store = confStore(initObject(), {
     sidebar: sidebarReducer,
     avatar: avatarReducer,
     terminal: terminalReducer,
-    providerBrandings: providerBrandingReducer,
     branding: brandingReducer,
     project: ProjectRedux.reducer,
     popinChild: popInReducer,
diff --git a/frontend-web/webclient/app/UtilityFunctions.tsx b/frontend-web/webclient/app/UtilityFunctions.tsx
index d472bb667f..c6faa1e6c6 100644
--- a/frontend-web/webclient/app/UtilityFunctions.tsx
+++ b/frontend-web/webclient/app/UtilityFunctions.tsx
@@ -66,16 +66,6 @@ export type ExtensionType =
     | "markdown"
     | "application";
 
-export const commonFileExtensions = [
-    "app", "application", "md", "markdown", "markdown", "zig", "swift", "kt", "kts", "js", "jsx", "ts", "tsx",
-    "java", "py", "python", "tex", "r", "c", "h", "cc", "hh", "c++", "h++", "hpp", "cpp", "cxx", "jai", "hxx",
-    "html", "htm", "lhs", "hs", "sql", "sh", "iol", "ol", "col", "bib", "toc", "jar", "exe", "xml", "json",
-    "yml", "ini", "sbatch", "code", "png", "gif", "tiff", "eps", "ppm", "svg", "jpg", "jpeg", "image", "txt",
-    "doc", "docx", "log", "csv", "tsv", "plist", "out", "err", "text", "pdf", "pdf", "wav", "mp3", "ogg", "aac",
-    "pcm", "audio", "mpg", "mp4", "avi", "mov", "wmv", "video", "gz", "zip", "tar", "tgz", "tbz", "bz2", "archive",
-    "dat", "binary", "rs",
-];
-
 const languages = {
     "md": "markdown",
     "kt": "kotlin",
diff --git a/frontend-web/webclient/app/ui-components/ResourceBrowser.tsx b/frontend-web/webclient/app/ui-components/ResourceBrowser.tsx
index 861e4d8db9..13a8abed21 100644
--- a/frontend-web/webclient/app/ui-components/ResourceBrowser.tsx
+++ b/frontend-web/webclient/app/ui-components/ResourceBrowser.tsx
@@ -32,7 +32,6 @@ import {createPortal} from "react-dom";
 import {ProjectSwitcher, FilterInputClass, projectCache, fetchProjects} from "@/Project/ProjectSwitcher";
 import {addProjectListener, removeProjectListener} from "@/Project/ReduxState";
 import {ProductType, ProductV2} from "@/Accounting";
-import ProviderInfo from "@/Assets/provider_info.json";
 import {ProductSelector} from "@/Products/Selector";
 import {Client} from "@/Authentication/HttpClientInstance";
 import {divHtml, divText, image} from "@/Utilities/HTMLUtilities";
@@ -50,7 +49,7 @@ import {noopCall} from "@/Authentication/DataHook";
 import {injectResourceBrowserStyle, ShortcutClass} from "./ResourceBrowserStyle";
 import {ASC, DESC, Filter, FilterCheckbox, FilterInput, FilterOption, FilterWithOptions, MultiOption, MultiOptionFilter, SORT_BY, SORT_DIRECTION} from "./ResourceBrowserFilters";
 import {sendInformationNotification} from "@/Notifications";
-import {UFile} from "@/UCloud/UFile";
+import {providerBrandingStore} from "@/ProviderBrandings/AutomaticProviderBranding";
 import ReactClient from "react-dom/client";
 import {VmActionItem, VmActionSplitButton} from "@/Applications/Jobs/VmActionSplitButton";
 
@@ -3733,8 +3732,8 @@ export function resourceCreationWithProductSelector<T>(
     return {startCreation, cancelCreation, portal};
 }
 
-export function providerIcon(providerId: string, opts?: Partial<CSSStyleDeclaration>, logo?: string): HTMLElement {
-    const myInfo: {logo: string} | undefined = logo ? {logo} : ProviderInfo.providers.find(p => p.id === providerId);
+export function providerIcon(providerId: string, opts?: Partial<CSSStyleDeclaration>, providedLogo?: string): HTMLElement {
+    const logo = providedLogo ?? providerBrandingStore.getProviderProperty(providerId, "logo");
     const outer = divHtml("");
     outer.className = "provider-icon"
     outer.style.background = "var(--secondaryMain)";
@@ -3748,9 +3747,9 @@ export function providerIcon(providerId: string, opts?: Partial<CSSStyleDeclarat
     inner.style.height = "100%";
     inner.style.fontSize = opts?.fontSize ?? "14px";
     inner.style.color = "white"
-    if (myInfo) {
+    if (logo) {
         outer.style.padding = "3px";
-        inner.style.backgroundImage = `url('/Images/${myInfo.logo}')`;
+        inner.style.backgroundImage = `url('/Images/${logo}')`;
         inner.style.backgroundPosition = "center";
     } else {
         inner.style.textAlign = "center";
diff --git a/frontend-web/webclient/app/ui-components/Sidebar.tsx b/frontend-web/webclient/app/ui-components/Sidebar.tsx
index 8df562d018..7fbafaaedf 100644
--- a/frontend-web/webclient/app/ui-components/Sidebar.tsx
+++ b/frontend-web/webclient/app/ui-components/Sidebar.tsx
@@ -23,7 +23,6 @@ import Tooltip from "./Tooltip";
 import {useProjectId} from "@/Project/Api";
 import {useProject} from "@/Project/cache";
 import {AutomaticGiftClaim} from "@/Services/Gifts/AutomaticGiftClaim";
-import {AutomaticProviderBranding} from "@/ProviderBrandings/AutomaticProviderBranding";
 import Support from "./SupportBox";
 import {VersionManager} from "@/VersionManager/VersionManager";
 import Notification from "@/Notifications";
@@ -544,7 +543,6 @@ export function Sidebar(): React.ReactNode {
                     {/* (Typically) invisible elements here to run various background tasks */}
                     <AutomaticGiftClaim />
                     <VersionManager />
-                    <AutomaticProviderBranding />
                     <AutomaticBranding />
                 </>