diff --git a/src/components/TopNavClient.tsx b/src/components/TopNavClient.tsx
index 82a92f62e83809..63bcd4a65e6026 100644
--- a/src/components/TopNavClient.tsx
+++ b/src/components/TopNavClient.tsx
@@ -2,34 +2,26 @@
 import Link from 'next/link';
 import {usePathname, useRouter} from 'next/navigation';
 import {useEffect, useRef, useState} from 'react';
-import ReactDOM from 'react-dom';
 import {usePlatforms} from 'sentry-docs/hooks/usePlatforms';
 import {Platform} from 'sentry-docs/types';
 import {isLocalStorageAvailable} from 'sentry-docs/utils';
 
 import {mainSectionsWithDropdowns} from './navigationData';
-import {PlatformSelector} from './platformSelector';
-import platformSelectorStyles from './platformSelector/style.module.scss';
 
 const mainSections = mainSectionsWithDropdowns;
 
 // Helper hook for dropdown positioning
-// Returns both absolute (for portals) and fixed (for inline) coordinates
 function useDropdownPosition(triggerRef, open) {
   const [position, setPosition] = useState<{
-    top: number;
-    left: number;
-    width: number;
-    fixedTop: number;
     fixedLeft: number;
+    fixedTop: number;
+    width: number;
   } | null>(null);
   useEffect(() => {
     function updatePosition() {
       if (triggerRef.current && open) {
         const rect = triggerRef.current.getBoundingClientRect();
         setPosition({
-          top: rect.bottom + window.scrollY,
-          left: rect.left + window.scrollX,
           width: rect.width,
           fixedTop: rect.bottom,
           fixedLeft: rect.left,
@@ -53,10 +45,6 @@ const NO_PLATFORMS: Platform[] = [];
 
 export default function TopNavClient() {
   const platforms = usePlatforms().platforms ?? NO_PLATFORMS;
-  const [platformDropdownOpen, setPlatformDropdownOpen] = useState(false);
-  const [platformDropdownByClick, setPlatformDropdownByClick] = useState(false);
-  const platformBtnRef = useRef<HTMLButtonElement>(null);
-  const platformDropdownRef = useRef<HTMLDivElement>(null);
   const pathname = usePathname();
   const router = useRouter();
 
@@ -118,7 +106,6 @@ export default function TopNavClient() {
   const closeTimers = useRef<{
     concepts?: NodeJS.Timeout;
     more?: NodeJS.Timeout;
-    sdks?: NodeJS.Timeout;
   }>({});
   const [conceptsDropdownOpen, setConceptsDropdownOpen] = useState(false);
   const [moreDropdownOpen, setMoreDropdownOpen] = useState(false);
@@ -133,15 +120,6 @@ export default function TopNavClient() {
   // Close dropdowns on outside click if opened by click
   useEffect(() => {
     function handleClick(e: MouseEvent) {
-      if (platformDropdownOpen && platformDropdownByClick) {
-        if (
-          !platformBtnRef.current?.contains(e.target as Node) &&
-          !platformDropdownRef.current?.contains(e.target as Node)
-        ) {
-          setPlatformDropdownOpen(false);
-          setPlatformDropdownByClick(false);
-        }
-      }
       if (conceptsDropdownOpen) {
         if (
           !conceptsBtnRef.current?.contains(e.target as Node) &&
@@ -169,11 +147,6 @@ export default function TopNavClient() {
           setMoreDropdownOpen(false);
           moreBtnRef.current?.focus();
         }
-        if (platformDropdownOpen) {
-          setPlatformDropdownOpen(false);
-          setPlatformDropdownByClick(false);
-          platformBtnRef.current?.focus();
-        }
       }
     }
     document.addEventListener('mousedown', handleClick);
@@ -182,12 +155,7 @@ export default function TopNavClient() {
       document.removeEventListener('mousedown', handleClick);
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [
-    platformDropdownOpen,
-    platformDropdownByClick,
-    conceptsDropdownOpen,
-    moreDropdownOpen,
-  ]);
+  }, [conceptsDropdownOpen, moreDropdownOpen]);
 
   useEffect(() => {
     function updateScrollState() {
@@ -215,8 +183,7 @@ export default function TopNavClient() {
     }
   }
 
-  // For each dropdown, use the hook and portal rendering
-  const sdksPosition = useDropdownPosition(platformBtnRef, platformDropdownOpen);
+  // Position the dropdowns below their buttons
   const conceptsPosition = useDropdownPosition(conceptsBtnRef, conceptsDropdownOpen);
   const morePosition = useDropdownPosition(moreBtnRef, moreDropdownOpen);
 
@@ -295,7 +262,6 @@ export default function TopNavClient() {
                       clearTimeout(closeTimers.current.concepts);
                       setConceptsDropdownOpen(true);
                       setMoreDropdownOpen(false);
-                      setPlatformDropdownOpen(false);
                     }}
                     onMouseLeave={() => {
                       closeTimers.current.concepts = setTimeout(() => {
@@ -380,7 +346,6 @@ export default function TopNavClient() {
                       clearTimeout(closeTimers.current.more);
                       setMoreDropdownOpen(true);
                       setConceptsDropdownOpen(false);
-                      setPlatformDropdownOpen(false);
                     }}
                     onMouseLeave={() => {
                       closeTimers.current.more = setTimeout(() => {
@@ -487,128 +452,6 @@ export default function TopNavClient() {
           </ul>
         </div>
       </div>
-      {/* Portal-based dropdowns */}
-      {platformDropdownOpen &&
-        sdksPosition &&
-        ReactDOM.createPortal(
-          <div
-            ref={platformDropdownRef}
-            className="absolute left-0 bg-white dark:bg-black shadow-lg z-50 min-w-[300px] p-4 rounded-b-md rounded-t-none border border-[var(--gray-a3)] dark:border-[var(--gray-7)]"
-            tabIndex={0}
-            style={{
-              position: 'absolute',
-              top: sdksPosition.top,
-              left: sdksPosition.left,
-              minWidth: 340,
-              width: 340,
-              maxHeight: 'calc(100vh - 32px)',
-              overflowY: 'auto',
-              scrollbarWidth: 'none',
-              msOverflowStyle: 'none',
-              fontFamily: 'var(--font-sans, sans-serif)',
-            }}
-            onClick={e => e.stopPropagation()}
-            onMouseEnter={() => {
-              clearTimeout(closeTimers.current.sdks);
-            }}
-            onMouseLeave={() => {
-              closeTimers.current.sdks = setTimeout(() => {
-                setPlatformDropdownOpen(false);
-                setPlatformDropdownByClick(false);
-              }, 150);
-            }}
-          >
-            <style>{`
-            .${platformSelectorStyles.popover} {
-              background: var(--gray-2) !important;
-              border: 1px solid var(--gray-4) !important;
-              box-shadow: var(--shadow-6);
-            }
-            .dark .${platformSelectorStyles.popover} {
-              background: #18181b !important;
-              border: 1px solid #23232b !important;
-              box-shadow: var(--shadow-6);
-            }
-            .dark .${platformSelectorStyles.popover} .${platformSelectorStyles['combobox-wrapper']} {
-              background: #18181b !important;
-              box-shadow: 0 2px 6px 0 rgba(0,0,0,0.24);
-            }
-            .dark .${platformSelectorStyles.popover} .${platformSelectorStyles.combobox} {
-              background: #18181b !important;
-              color: #fff !important;
-            }
-            .dark .${platformSelectorStyles.popover} .${platformSelectorStyles.combobox}::placeholder {
-              color: #a1a1aa !important;
-              opacity: 1;
-            }
-            .dark .${platformSelectorStyles.popover} .${platformSelectorStyles['combobox-icon']} {
-              color: #fff !important;
-            }
-            .dark .${platformSelectorStyles.item} {
-              color: #fff !important;
-            }
-            .dark .${platformSelectorStyles.item}:hover {
-              background: #18181b !important;
-            }
-            button[class*="expand-button"] {
-              background: none !important;
-              border: none !important;
-              box-shadow: none !important;
-              padding: 0 !important;
-            }
-            .${platformSelectorStyles.item} {
-              padding-top: 0.315rem !important;
-              padding-bottom: 0.315rem !important;
-            }
-            .${platformSelectorStyles.popover} {
-              padding-top: 0 !important;
-              border-radius: 0.5rem !important;
-              margin-top: 0 !important;
-              border-top: 0 !important;
-            }
-            .${platformSelectorStyles.popover} .${platformSelectorStyles['combobox-wrapper']} {
-              border-radius: 0 !important;
-              padding: 0 !important;
-              margin-top: 0 !important;
-              border-top: 0 !important;
-              margin-bottom: 0.25rem;
-              position: sticky;
-              top: 0;
-              z-index: 2;
-              transform: translateY(-16px);
-            }
-            .${platformSelectorStyles.popover} > :first-child {
-              margin-top: 0 !important;
-              padding-top: 0 !important;
-              border-top: 0 !important;
-            }
-            .${platformSelectorStyles.popover} .${platformSelectorStyles.combobox} {
-              border-radius: 0.5rem 0.5rem 0 0 !important;
-              width: 100% !important;
-              margin: 0 !important;
-              padding-left: 2.5rem !important;
-              padding-right: 0.75rem !important;
-            }
-            .${platformSelectorStyles.popover} .${platformSelectorStyles.combobox}::placeholder {
-              color: #A1A1AA !important;
-              opacity: 1;
-            }
-            .${platformSelectorStyles.popover} .${platformSelectorStyles['combobox-icon']} {
-              pointer-events: none;
-              position: absolute;
-              left: 0.75rem;
-              top: 50%;
-              transform: translateY(-50%);
-              font-size: 1.1rem;
-              line-height: 1;
-              display: flex;
-              align-items: center;
-            }
-          `}</style>
-            <PlatformSelector listOnly />
-          </div>,
-          document.body
-        )}
       <style>{`
         .scrollbar-hide::-webkit-scrollbar {
           display: none;
diff --git a/src/components/platformSelector/index.tsx b/src/components/platformSelector/index.tsx
index 7c9354b872b44f..9b09859a2d876f 100644
--- a/src/components/platformSelector/index.tsx
+++ b/src/components/platformSelector/index.tsx
@@ -61,19 +61,13 @@ function PlatformsListStatus({
 export function PlatformSelector({
   currentPlatform,
   initialPlatforms = NO_PLATFORMS,
-  alwaysOpen = false,
-  listOnly = false,
-  dropdownStyle = false,
 }: {
-  alwaysOpen?: boolean;
   currentPlatform?: Platform | PlatformGuide;
-  dropdownStyle?: boolean;
   /**
    * Rendered until the full list has loaded. Must contain the current platform or
    * guide, as Radix Select needs the selected item to display it in the trigger.
    */
   initialPlatforms?: Platform[];
-  listOnly?: boolean;
 }) {
   const {
     platforms: loadedPlatforms,
@@ -136,7 +130,7 @@ export function PlatformSelector({
   const pathname = usePathname();
 
   // Not auto-opened on /platforms/: Radix Select locks body scroll while open.
-  const [open, setOpen] = useState(alwaysOpen);
+  const [open, setOpen] = useState(false);
   const [searchValue, setSearchValue] = useState('');
 
   const matches = useMemo(() => {
@@ -238,76 +232,6 @@ export function PlatformSelector({
     storedPlatform &&
     pathname !== '/platforms/';
 
-  if (listOnly) {
-    return (
-      <div
-        className={styles.popover}
-        style={{display: 'flex', flexDirection: 'column', height: '100%'}}
-      >
-        <div
-          className={styles['combobox-wrapper']}
-          style={{position: 'sticky', top: 0, zIndex: 2}}
-        >
-          <div className={styles['combobox-icon']}>
-            <MagnifyingGlassIcon />
-          </div>
-          <input
-            type="text"
-            value={searchValue}
-            onChange={e => setSearchValue(e.target.value)}
-            placeholder="Search platforms"
-            className={styles.combobox}
-            autoComplete="off"
-            autoCorrect="off"
-            autoCapitalize="off"
-          />
-        </div>
-        <div className={styles.listbox} style={{flex: 1, overflowY: 'auto'}}>
-          {uniqByReference(
-            matches.map(x => (x.type === 'platform' ? x : x.platform))
-          ).map(platform => (
-            <PlatformItem
-              key={platform.key}
-              platform={{
-                ...platform,
-                guides: platform.guides
-                  .filter(g => matches.some(m => m.key === g.key && m.type === 'guide'))
-                  .sort((a, b) => {
-                    const indexA = matches.findIndex(m => m.key === a.key);
-                    const indexB = matches.findIndex(m => m.key === b.key);
-                    return indexA - indexB;
-                  }),
-                integrations: platform.integrations.filter(i =>
-                  matches.some(m => m.key === i.key)
-                ),
-                isExpanded:
-                  searchValue !== '' ||
-                  expandedPlatforms.has(platform.key) ||
-                  platform.key === currentPlatformKey ||
-                  platform.key === storedPlatformKey ||
-                  platform.guides.some(
-                    g => g.key === currentPlatformKey || g.key === storedPlatformKey
-                  ),
-              }}
-              activeItemRef={
-                platform.key === currentPlatformKey ||
-                platform.guides.some(g => g.key === currentPlatformKey)
-                  ? activeElementRef
-                  : null
-              }
-              activeItemKey={currentPlatformKey}
-              onPlatformExpand={onToggleExpand}
-              dropdownStyle={dropdownStyle}
-              listOnly
-            />
-          ))}
-          {platformsStatus !== 'loaded' && (
-            <PlatformsListStatus status={platformsStatus} onRetry={retryPlatforms} />
-          )}
-        </div>
-      </div>
-    );
-  }
   return (
     <div>
       <RadixSelect.Root
@@ -324,22 +248,16 @@ export function PlatformSelector({
           includesBaseElement={false}
           setValue={v => startTransition(() => setSearchValue(v))}
         >
-          {!alwaysOpen && (
-            <RadixSelect.Trigger
-              aria-label="Platform"
-              aria-busy={isNavigating}
-              className={styles.select}
-            >
-              <RadixSelect.Value placeholder="Choose your SDK" />
-              <RadixSelect.Icon className={styles['select-icon']}>
-                {isNavigating ? (
-                  <UpdateIcon className="animate-spin" />
-                ) : (
-                  <CaretSortIcon />
-                )}
-              </RadixSelect.Icon>
-            </RadixSelect.Trigger>
-          )}
+          <RadixSelect.Trigger
+            aria-label="Platform"
+            aria-busy={isNavigating}
+            className={styles.select}
+          >
+            <RadixSelect.Value placeholder="Choose your SDK" />
+            <RadixSelect.Icon className={styles['select-icon']}>
+              {isNavigating ? <UpdateIcon className="animate-spin" /> : <CaretSortIcon />}
+            </RadixSelect.Icon>
+          </RadixSelect.Trigger>
           <RadixSelect.Content
             role="dialog"
             aria-label="Platforms"
@@ -401,8 +319,6 @@ export function PlatformSelector({
                     }
                     activeItemKey={currentPlatformKey}
                     onPlatformExpand={onToggleExpand}
-                    dropdownStyle={dropdownStyle}
-                    listOnly={false}
                   />
                 );
               })}
@@ -432,8 +348,6 @@ type PlatformItemProps = {
   activeItemRef: Ref<HTMLDivElement>;
   platform: Platform & {isExpanded?: boolean};
   activeItemKey?: string;
-  dropdownStyle?: boolean;
-  listOnly?: boolean;
   onPlatformExpand?: (platformKey: string) => void;
 };
 function PlatformItem({
@@ -441,8 +355,6 @@ function PlatformItem({
   activeItemRef,
   activeItemKey,
   onPlatformExpand: onExpand,
-  dropdownStyle = false,
-  listOnly = false,
 }: PlatformItemProps) {
   const showCaret = (p: Platform) => p.guides.length > 0 || p.integrations.length > 0;
 
@@ -461,64 +373,6 @@ function PlatformItem({
     ? markLastGuide(platform.guides.length > 0 ? platform.guides : platform.integrations)
     : [];
 
-  if (listOnly) {
-    return (
-      <Fragment>
-        <div
-          className={
-            dropdownStyle
-              ? 'block px-4 py-2 text-[var(--gray-12)] hover:bg-[var(--gray-3)] rounded text-[0.875rem] font-normal font-sans no-underline'
-              : styles.item
-          }
-          data-platform-with-guides
-          ref={activeItemRef}
-          style={{cursor: 'pointer', display: 'flex', alignItems: 'center'}}
-          onClick={() => {
-            if (typeof window !== 'undefined') {
-              if (isLocalStorageAvailable()) {
-                localStorage.setItem('active-platform', platform.key);
-              }
-              window.location.href = platform.url;
-            }
-          }}
-        >
-          <span className={dropdownStyle ? '' : styles['item-text']}>
-            <PlatformIcon
-              platform={platform.icon ?? platform.key}
-              size={16}
-              format="sm"
-              className={styles['platform-icon']}
-            />
-            {platform.title}
-          </span>
-          {showCaret(platform) && (
-            <button
-              className={styles['expand-button']}
-              type="button"
-              tabIndex={-1}
-              aria-label="Expand"
-              style={{marginLeft: 'auto'}}
-              onClick={e => {
-                e.stopPropagation();
-                onExpand?.(platform.key);
-              }}
-              data-expanded={platform.isExpanded}
-            >
-              <CaretRightIcon />
-            </button>
-          )}
-        </div>
-        {guides.map(guide => (
-          <GuideItem
-            key={guide.key}
-            guide={guide}
-            dropdownStyle={dropdownStyle}
-            listOnly
-          />
-        ))}
-      </Fragment>
-    );
-  }
   return (
     <Fragment>
       {/* This is a hack. The Label allows us to have a clickable button inside the item without triggering its selection */}
@@ -528,17 +382,13 @@ function PlatformItem({
             <RadixSelect.Item
               value={hasGuideWithPlatformKey ? `${platform.key}-redirect` : platform.key}
               asChild
-              className={
-                dropdownStyle
-                  ? 'block px-4 py-2 text-[var(--gray-12)] hover:bg-[var(--gray-3)] rounded text-[0.875rem] font-normal font-sans no-underline'
-                  : styles.item
-              }
+              className={styles.item}
               data-platform-with-guides
               ref={activeItemRef}
             >
               <ComboboxItem>
                 <RadixSelect.ItemText>
-                  <span className={dropdownStyle ? '' : styles['item-text']}>
+                  <span className={styles['item-text']}>
                     <PlatformIcon
                       platform={platform.icon ?? platform.key}
                       size={16}
@@ -569,7 +419,7 @@ function PlatformItem({
         </RadixSelect.Label>
       </RadixSelect.Group>
       {guides.map(guide => {
-        return <GuideItem key={guide.key} guide={guide} dropdownStyle={dropdownStyle} />;
+        return <GuideItem key={guide.key} guide={guide} />;
       })}
     </Fragment>
   );
@@ -577,66 +427,20 @@ function PlatformItem({
 
 type GuideItemProps = {
   guide: (PlatformGuide | PlatformIntegration) & {isLastGuide: boolean};
-  dropdownStyle?: boolean;
-  listOnly?: boolean;
 };
-function GuideItem({guide, dropdownStyle = false, listOnly = false}: GuideItemProps) {
-  if (listOnly) {
-    return (
-      <div
-        className={
-          dropdownStyle
-            ? 'block px-4 py-2 text-[var(--gray-12)] hover:bg-[var(--gray-3)] rounded text-[0.875rem] font-normal font-sans no-underline'
-            : styles.item
-        }
-        data-guide
-        data-last-guide={guide.type === 'guide' && guide.isLastGuide}
-        style={{
-          marginLeft: '1.5rem',
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-        }}
-        onClick={() => {
-          if (typeof window !== 'undefined') {
-            if (isLocalStorageAvailable()) {
-              localStorage.setItem('active-platform', guide.key);
-            }
-            window.location.href = guide.url;
-          }
-        }}
-      >
-        <span className={dropdownStyle ? '' : styles['item-text']}>
-          <PlatformIcon
-            platform={guide.icon ?? guide.key}
-            size={16}
-            format="sm"
-            className={styles['platform-icon']}
-          />
-          {/* replace dots with zero width space + period to allow text wrapping before periods
-            without breaking words in weird places
-          */}
-          {(guide.title ?? guide.name ?? guide.key).replace(/\./g, '\u200B.')}
-        </span>
-      </div>
-    );
-  }
+function GuideItem({guide}: GuideItemProps) {
   return (
     <RadixSelect.Item
       key={guide.key}
       value={guide.key}
       asChild
-      className={
-        dropdownStyle
-          ? 'block px-4 py-2 text-[var(--gray-12)] hover:bg-[var(--gray-3)] rounded text-[0.875rem] font-normal font-sans no-underline'
-          : styles.item
-      }
+      className={styles.item}
       data-guide
       data-last-guide={guide.type === 'guide' && guide.isLastGuide}
     >
       <ComboboxItem>
         <RadixSelect.ItemText>
-          <span className={dropdownStyle ? '' : styles['item-text']}>
+          <span className={styles['item-text']}>
             <PlatformIcon
               platform={guide.icon ?? guide.key}
               size={16}