diff --git a/src/components/FormElements/AssetPicker.tsx b/src/components/FormElements/AssetPicker.tsx
index ee176085..b754da65 100644
--- a/src/components/FormElements/AssetPicker.tsx
+++ b/src/components/FormElements/AssetPicker.tsx
@@ -39,6 +39,7 @@ type AssetPickerProps = {
   includeNative?: boolean;
   includeLiquidityPoolShares?: boolean;
   includeSingleLiquidityPoolShare?: boolean;
+  disabled?: boolean;
 };
 
 export const AssetPicker = ({
@@ -54,6 +55,7 @@ export const AssetPicker = ({
   includeNative = true,
   includeLiquidityPoolShares,
   includeSingleLiquidityPoolShare,
+  disabled,
 }: AssetPickerProps) => {
   let options: AssetObject[] = [];
 
@@ -168,6 +170,7 @@ export const AssetPicker = ({
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
             onChange({ ...poolShareValue, pool_share: e.target.value });
           }}
+          disabled={disabled}
         />
       );
     }
@@ -192,6 +195,7 @@ export const AssetPicker = ({
           },
           error: assetError?.issuer || "",
         }}
+        disabled={disabled}
       />
     );
   };
@@ -217,6 +221,18 @@ export const AssetPicker = ({
         }}
         options={options}
         fitContent={fitContent}
+        disabledOptions={
+          disabled
+            ? [
+                "native",
+                "credit_alphanum4",
+                "credit_alphanum12",
+                "pool_share",
+                "liquidity_pool_shares",
+                "issued",
+              ]
+            : []
+        }
       />
 
       <ExpandBox
@@ -254,9 +270,15 @@ type AssetPickerFieldsProps = {
     error: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   };
+  disabled?: boolean;
 };
 
-const AssetPickerFields = ({ id, code, issuer }: AssetPickerFieldsProps) => (
+const AssetPickerFields = ({
+  id,
+  code,
+  issuer,
+  disabled,
+}: AssetPickerFieldsProps) => (
   <div className="RadioPicker__inset">
     <Input
       id={`${id}-code`}
@@ -265,6 +287,7 @@ const AssetPickerFields = ({ id, code, issuer }: AssetPickerFieldsProps) => (
       value={code.value}
       onChange={code.onChange}
       error={code.error}
+      disabled={disabled}
     />
     <PubKeyPicker
       id={`${id}-issuer`}
@@ -273,6 +296,7 @@ const AssetPickerFields = ({ id, code, issuer }: AssetPickerFieldsProps) => (
       value={issuer.value}
       onChange={issuer.onChange}
       error={issuer.error}
+      disabled={disabled}
     />
   </div>
 );
diff --git a/src/components/FormElements/ConfigSettingIdPicker.tsx b/src/components/FormElements/ConfigSettingIdPicker.tsx
index e9661b32..e88c5762 100644
--- a/src/components/FormElements/ConfigSettingIdPicker.tsx
+++ b/src/components/FormElements/ConfigSettingIdPicker.tsx
@@ -9,12 +9,14 @@ type ConfigSettingIdPickerProps = {
   value: string | undefined;
   onChange: (value: ConfigSettingIdType | undefined) => void;
   error: string | undefined;
+  disabled?: boolean;
 };
 
 export const ConfigSettingIdPicker = ({
   id,
   value,
   onChange,
+  disabled,
 }: ConfigSettingIdPickerProps) => {
   const configSettingType: { id: ConfigSettingIdType; label: string }[] = [
     {
@@ -91,6 +93,7 @@ export const ConfigSettingIdPicker = ({
             onChange(undefined);
           }
         }}
+        disabled={disabled}
       >
         <option value="">Select Config Setting ID</option>
 
diff --git a/src/components/FormElements/LiquidityPoolShares.tsx b/src/components/FormElements/LiquidityPoolShares.tsx
index 6706265d..eb25ca6b 100644
--- a/src/components/FormElements/LiquidityPoolShares.tsx
+++ b/src/components/FormElements/LiquidityPoolShares.tsx
@@ -13,6 +13,7 @@ type LiquidityPoolSharesProps = {
   value: AssetPoolShareObjectValue;
   error: AssetPoolShareError | undefined;
   onChange: (val: AssetPoolShareObjectValue | undefined) => void;
+  disabled?: boolean;
 };
 
 export const LiquidityPoolShares = ({
@@ -20,6 +21,7 @@ export const LiquidityPoolShares = ({
   value,
   error,
   onChange,
+  disabled,
 }: LiquidityPoolSharesProps) => {
   const getAssetValue = (
     val:
@@ -52,6 +54,7 @@ export const LiquidityPoolShares = ({
         onChange={(val) => {
           onChange({ ...value, asset_a: getAssetValue(val) });
         }}
+        disabled={disabled}
       />
 
       <AssetPicker
@@ -63,6 +66,7 @@ export const LiquidityPoolShares = ({
         onChange={(val) => {
           onChange({ ...value, asset_b: getAssetValue(val) });
         }}
+        disabled={disabled}
       />
 
       <PositiveIntPicker
@@ -76,6 +80,7 @@ export const LiquidityPoolShares = ({
           // Do nothing
         }}
         readOnly
+        disabled={disabled}
       />
     </Box>
   );
diff --git a/src/components/FormElements/PubKeyPicker.tsx b/src/components/FormElements/PubKeyPicker.tsx
index e76c2133..a77f136a 100644
--- a/src/components/FormElements/PubKeyPicker.tsx
+++ b/src/components/FormElements/PubKeyPicker.tsx
@@ -8,6 +8,7 @@ interface PubKeyPickerProps extends Omit<InputProps, "fieldSize"> {
   labelSuffix?: string | React.ReactNode;
   placeholder?: string;
   readOnly?: boolean;
+  disabled?: boolean;
   value: string;
   error: string | undefined;
   onChange?: (e: React.ChangeEvent<any>) => void;
@@ -22,6 +23,7 @@ export const PubKeyPicker = ({
   value,
   error,
   readOnly,
+  disabled,
   onChange,
   ...props
 }: PubKeyPickerProps) => (
@@ -34,6 +36,7 @@ export const PubKeyPicker = ({
     value={value}
     error={error}
     readOnly={readOnly}
+    disabled={disabled}
     onChange={onChange}
     {...props}
   />
diff --git a/src/components/FormElements/TextPicker.tsx b/src/components/FormElements/TextPicker.tsx
index 439665f6..bc839f11 100644
--- a/src/components/FormElements/TextPicker.tsx
+++ b/src/components/FormElements/TextPicker.tsx
@@ -10,6 +10,7 @@ interface TextPickerProps extends Omit<InputProps, "fieldSize"> {
   placeholder?: string;
   error?: string | undefined;
   readOnly?: boolean;
+  disabled?: boolean;
   autocomplete?: React.HTMLInputAutoCompleteAttribute;
   onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
@@ -23,6 +24,7 @@ export const TextPicker = ({
   error,
   onChange,
   readOnly,
+  disabled,
   autocomplete,
   ...props
 }: TextPickerProps) => (
@@ -35,6 +37,7 @@ export const TextPicker = ({
     error={error}
     onChange={onChange}
     readOnly={readOnly}
+    disabled={disabled}
     autoComplete={autocomplete}
     {...props}
   />
diff --git a/src/components/FormElements/XdrLedgerKeyPicker.tsx b/src/components/FormElements/XdrLedgerKeyPicker.tsx
index 2064ab69..9640ff6f 100644
--- a/src/components/FormElements/XdrLedgerKeyPicker.tsx
+++ b/src/components/FormElements/XdrLedgerKeyPicker.tsx
@@ -109,6 +109,7 @@ export const XdrLedgerKeyPicker = ({
   const [selectedLedgerKey, setSelectedLedgerKey] =
     useState<LedgerKeyFieldsType | null>(null);
 
+  const [isXdrInputActive, setIsXdrInputActive] = useState(true);
   const [formError, setFormError] = useState<AnyObject>({});
   const [ledgerKeyXdrJsonString, setLedgerKeyJsonString] = useState<string>("");
   const [ledgerKeyXdrError, setLedgerKeyXdrError] = useState<string>("");
@@ -347,6 +348,7 @@ export const XdrLedgerKeyPicker = ({
               );
             },
             isRequired: true,
+            disabled: isXdrInputActive,
           });
         }
 
@@ -358,6 +360,7 @@ export const XdrLedgerKeyPicker = ({
               handleChange(selectedConfigSetting, selectedConfigSetting);
             },
             isRequired: true,
+            disabled: isXdrInputActive,
           });
         }
 
@@ -368,6 +371,7 @@ export const XdrLedgerKeyPicker = ({
             handleChange(e.target.value, e.target.value);
           },
           isRequired: true,
+          disabled: isXdrInputActive,
         });
       }
       return null;
@@ -375,7 +379,7 @@ export const XdrLedgerKeyPicker = ({
   };
 
   return (
-    <Box gap="sm">
+    <Box gap="lg" addlClassName="XdrLedgerKeyPicker">
       <XdrPicker
         id="ledger-key-xdr"
         label="Ledger Key XDR"
@@ -385,30 +389,46 @@ export const XdrLedgerKeyPicker = ({
           onChange(e.target.value);
           validateLedgerKeyXdr(e.target.value);
         }}
+        disabled={!isXdrInputActive}
       />
 
-      <Select
-        id="ledgerkey"
-        fieldSize="md"
-        label="Ledger Key"
-        value={selectedLedgerKey?.id}
-        onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
-          reset();
-
-          const selectedVal = e.target.value;
-          setSelectedLedgerKey(selectedVal ? getKeyType(selectedVal)! : null);
+      <Button
+        size="md"
+        variant="tertiary"
+        icon={<Icon.SwitchVertical01 />}
+        type="button"
+        onClick={() => {
+          setIsXdrInputActive(!isXdrInputActive);
         }}
       >
-        <option value="">Select a key</option>
-
-        {ledgerKeyFields.map((f) => (
-          <option key={f.id} value={f.id}>
-            {f.label}
-          </option>
-        ))}
-      </Select>
-      <>{renderLedgerKeyTemplate()}</>
-      <>{rightElement}</>
+        Switch input
+      </Button>
+
+      <Box gap="sm">
+        <Select
+          id="ledgerkey"
+          fieldSize="md"
+          label="Ledger Key"
+          value={selectedLedgerKey?.id}
+          onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
+            reset();
+
+            const selectedVal = e.target.value;
+            setSelectedLedgerKey(selectedVal ? getKeyType(selectedVal)! : null);
+          }}
+          disabled={isXdrInputActive}
+        >
+          <option value="">Select a key</option>
+
+          {ledgerKeyFields.map((f) => (
+            <option key={f.id} value={f.id}>
+              {f.label}
+            </option>
+          ))}
+        </Select>
+        <>{renderLedgerKeyTemplate()}</>
+        <>{rightElement}</>
+      </Box>
     </Box>
   );
 };
diff --git a/src/components/formComponentTemplateEndpoints.tsx b/src/components/formComponentTemplateEndpoints.tsx
index 44aa1495..a8a730e6 100644
--- a/src/components/formComponentTemplateEndpoints.tsx
+++ b/src/components/formComponentTemplateEndpoints.tsx
@@ -32,6 +32,7 @@ type TemplateRenderProps = {
   error: string | undefined;
   onChange: (val: any) => void;
   isRequired?: boolean;
+  disabled?: boolean;
 };
 
 type TemplateRenderAssetProps = {
@@ -45,6 +46,7 @@ type TemplateRenderAssetProps = {
       | undefined,
   ) => void;
   isRequired?: boolean;
+  disabled?: boolean;
 };
 
 type TemplateRenderAssetMultiProps = {
@@ -96,6 +98,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getPublicKeyError,
@@ -116,6 +119,7 @@ export const formComponentTemplateEndpoints = (
             includeSingleLiquidityPoolShare={
               custom?.includeSingleLiquidityPoolShare
             }
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getAssetError,
@@ -131,6 +135,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getAssetCodeError,
@@ -146,6 +151,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getPublicKeyError,
@@ -213,6 +219,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: null,
@@ -241,6 +248,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ?.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: null,
@@ -251,6 +259,7 @@ export const formComponentTemplateEndpoints = (
           value: string | undefined;
           error: string | undefined;
           onChange: (val: any) => void;
+          disabled?: boolean;
         }) => (
           <TextPicker
             key={id}
@@ -260,6 +269,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getContractIdError,
@@ -301,6 +311,7 @@ export const formComponentTemplateEndpoints = (
           value: string | undefined;
           error: string | undefined;
           onChange: (val: any) => void;
+          disabled?: boolean;
         }) => (
           <TextPicker
             key={id}
@@ -309,6 +320,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: null,
@@ -397,6 +409,7 @@ export const formComponentTemplateEndpoints = (
           value: string | undefined;
           error: string | undefined;
           onChange: (val: any) => void;
+          disabled?: boolean;
         }) => (
           <Select
             key={id}
@@ -405,6 +418,7 @@ export const formComponentTemplateEndpoints = (
             label="Durability"
             value={templ.value || ""}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           >
             <option value="">Select a durability</option>
             {[
@@ -454,6 +468,7 @@ export const formComponentTemplateEndpoints = (
           value: string | undefined;
           error: string | undefined;
           onChange: (val: any) => void;
+          disabled?: boolean;
         }) => (
           <Textarea
             fieldSize="md"
@@ -470,6 +485,7 @@ export const formComponentTemplateEndpoints = (
             }
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: null,
@@ -532,6 +548,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: null,
@@ -547,6 +564,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: null,
@@ -624,6 +642,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getPublicKeyError,
@@ -829,6 +848,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getTransactionHashError,
@@ -846,6 +866,7 @@ export const formComponentTemplateEndpoints = (
             value={templ.value || ""}
             error={templ.error}
             onChange={templ.onChange}
+            disabled={templ.disabled}
           />
         ),
         validate: validate.getTransactionHashError,
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 9aa31339..3493dcf7 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -621,6 +621,17 @@
   }
 }
 
+.XdrLedgerKeyPicker {
+  .Button {
+    width: fit-content;
+  }
+
+  // Make checked item darker
+  .RadioPicker__item[data-disabled="true"] input[type="radio"]:checked + label {
+    --RadioPicker-color-background: var(--sds-clr-gray-06);
+  }
+}
+
 // Saved Transactions
 .SavedTransactions {
   &__name {
diff --git a/tests/endpointsPage.test.ts b/tests/endpointsPage.test.ts
index c54315b1..bd489db8 100644
--- a/tests/endpointsPage.test.ts
+++ b/tests/endpointsPage.test.ts
@@ -182,4 +182,27 @@ test.describe("API Explorer page", () => {
       await expect(page.getByTestId("endpoints-submitBtn")).toBeDisabled();
     });
   });
+
+  test.describe("getLedgerEntries", () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto("http://localhost:3000/endpoints/rpc/get-ledger-entries");
+      await expect(page.locator("h1")).toHaveText("getLedgerEntries");
+    });
+
+    test("Input switch", async ({ page }) => {
+      const ledgerKeyXdrInput = page.getByLabel("Ledger Key XDR", {
+        exact: true,
+      });
+      const ledgerKeySelect = page.getByLabel("Ledger Key", { exact: true });
+
+      await expect(ledgerKeyXdrInput).toBeEnabled();
+      await expect(ledgerKeySelect).toBeDisabled();
+
+      // Switch inputs
+      await page.getByText("Switch input").click();
+
+      await expect(ledgerKeyXdrInput).toBeDisabled();
+      await expect(ledgerKeySelect).toBeEnabled();
+    });
+  });
 });