feat: 💨

src/components/RelayInfo/index.tsx

@@ -19,8 +19,8 @@ export default function RelayInfo({ url }: { url: string }) {
     <div className="px-4 space-y-4 mb-2">
       <div className="space-y-2">
         <div className="flex gap-2 items-center">
-          <RelayIcon url={url} />
+          <RelayIcon url={url} className="w-8 h-8" />
-          {relayInfo.name && <div className="text-xl font-semibold">{relayInfo.name}</div>}
+          {relayInfo.name && <div className="text-2xl font-semibold">{relayInfo.name}</div>}
         </div>
         <RelayBadges relayInfo={relayInfo} />
         {!!relayInfo.tags?.length &&

src/pages/secondary/RelaySettingsPage/index.tsx

@@ -9,17 +9,17 @@ export default function RelaySettingsPage({ index }: { index?: number }) {
 
   return (
     <SecondaryPageLayout index={index} title={t('Relay settings')}>
-      <Tabs defaultValue="relay-sets" className="px-4 space-y-4">
+      <Tabs defaultValue="mailbox" className="px-4 space-y-4">
         <TabsList>
-          <TabsTrigger value="relay-sets">{t('Relay Sets')}</TabsTrigger>
           <TabsTrigger value="mailbox">{t('Read & Write Relays')}</TabsTrigger>
+          <TabsTrigger value="relay-sets">{t('Relay Sets')}</TabsTrigger>
         </TabsList>
-        <TabsContent value="relay-sets">
-          <RelaySetsSetting />
-        </TabsContent>
         <TabsContent value="mailbox">
           <MailboxSetting />
         </TabsContent>
+        <TabsContent value="relay-sets">
+          <RelaySetsSetting />
+        </TabsContent>
       </Tabs>
     </SecondaryPageLayout>
   )