diff --git a/web/components/layout/tabs.tsx b/web/components/layout/tabs.tsx
index c22014fe..a87c6607 100644
--- a/web/components/layout/tabs.tsx
+++ b/web/components/layout/tabs.tsx
@@ -19,7 +19,7 @@ type TabProps = {
   currentPageForAnalytics?: string
 }
 
-export function UncontrolledTabs(props: TabProps & { activeIndex: number }) {
+export function ControlledTabs(props: TabProps & { activeIndex: number }) {
   const {
     tabs,
     activeIndex,
@@ -69,11 +69,11 @@ export function UncontrolledTabs(props: TabProps & { activeIndex: number }) {
   )
 }
 
-export function ControlledTabs(props: TabProps & { defaultIndex?: number }) {
+export function UncontrolledTabs(props: TabProps & { defaultIndex?: number }) {
   const { defaultIndex, onClick, ...rest } = props
   const [activeIndex, setActiveIndex] = useState(defaultIndex ?? 0)
   return (
-    <UncontrolledTabs
+    <ControlledTabs
       {...rest}
       activeIndex={activeIndex}
       onClick={(title, i) => {
@@ -93,7 +93,7 @@ const isTabSelected = (router: NextRouter, queryParam: string, tab: Tab) => {
   }
 }
 
-export function QueryControlledTabs(
+export function QueryUncontrolledTabs(
   props: TabProps & { defaultIndex?: number }
 ) {
   const { tabs, defaultIndex, onClick, ...rest } = props
@@ -101,7 +101,7 @@ export function QueryControlledTabs(
   const selectedIdx = tabs.findIndex((t) => isTabSelected(router, 'tab', t))
   const activeIndex = selectedIdx !== -1 ? selectedIdx : defaultIndex ?? 0
   return (
-    <UncontrolledTabs
+    <ControlledTabs
       {...rest}
       tabs={tabs}
       activeIndex={activeIndex}
@@ -118,4 +118,4 @@ export function QueryControlledTabs(
 }
 
 // legacy code that didn't know about any other kind of tabs imports this
-export const Tabs = ControlledTabs
+export const Tabs = UncontrolledTabs
diff --git a/web/components/user-page.tsx b/web/components/user-page.tsx
index 69ece927..fc89a285 100644
--- a/web/components/user-page.tsx
+++ b/web/components/user-page.tsx
@@ -22,7 +22,7 @@ import { Linkify } from './linkify'
 import { Spacer } from './layout/spacer'
 import { Row } from './layout/row'
 import { genHash } from 'common/util/random'
-import { QueryControlledTabs } from './layout/tabs'
+import { QueryUncontrolledTabs } from './layout/tabs'
 import { UserCommentsList } from './comments-list'
 import { useWindowSize } from 'web/hooks/use-window-size'
 import { Comment, getUsersComments } from 'web/lib/firebase/comments'
@@ -272,7 +272,7 @@ export function UserPage(props: { user: User; currentUser?: User }) {
         <Spacer h={10} />
 
         {usersContracts !== 'loading' && contractsById && usersComments ? (
-          <QueryControlledTabs
+          <QueryUncontrolledTabs
             currentPageForAnalytics={'profile'}
             labelClassName={'pb-2 pt-1 '}
             tabs={[