diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index 96a334ff2..9f3bf1942 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -5,6 +5,7 @@ import '../styles/globals.scss';
 // GW: I can't override ant design styles through components using NextJS's built-in CSS modules. So I'll just import styles here for now and figure out enabling SASS modules later.
 import '../styles/home.scss';
 import '../styles/chat.scss';
+import '../styles/config.scss';
 
 import { AppProps } from 'next/app';
 import ServerStatusProvider from '../utils/server-status-context';
diff --git a/web/pages/update-server-config.tsx b/web/pages/update-server-config.tsx
index 1d479ce14..3b5962475 100644
--- a/web/pages/update-server-config.tsx
+++ b/web/pages/update-server-config.tsx
@@ -3,11 +3,15 @@ import { Table, Typography, Input } from 'antd';
 import { isEmptyObject } from '../utils/format';
 import KeyValueTable from "./components/key-value-table";
 import { ServerStatusContext } from '../utils/server-status-context';
+
+import PublicFacingDetails from './components/config/public-facing-details';
+
 import adminStyles from '../styles/styles.module.scss';
 
 const { Title } = Typography;
 const { TextArea } = Input;
 
+
 function SocialHandles({ config }) {
   if (!config) {
     return null;
@@ -130,6 +134,8 @@ export default function ServerConfig() {
 
   return (
     <>
+      <PublicFacingDetails />
+
       <InstanceDetails config={config} />
       <SocialHandles config={config} />
       <PageContent config={config} />