diff --git a/js/apps/admin-ui/src/components/realm-selector/RealmSelector.tsx b/js/apps/admin-ui/src/components/realm-selector/RealmSelector.tsx
index 0a0832f86c..6651d76c93 100644
--- a/js/apps/admin-ui/src/components/realm-selector/RealmSelector.tsx
+++ b/js/apps/admin-ui/src/components/realm-selector/RealmSelector.tsx
@@ -69,7 +69,7 @@ const RealmText = ({ name, displayName, showIsRecent }: RealmTextProps) => {
   const { t } = useTranslation();
 
   return (
-    <Split className="keycloak__realm_selector__list-item-split">
+    <Split>
       <SplitItem isFilled>
         <Stack>
           {displayName ? (
@@ -172,7 +172,14 @@ export const RealmSelector = () => {
           }}
           isFullWidth
         >
-          {label(t, realmDisplayName, realm)}
+          <Stack className="keycloak__realm_selector__dropdown">
+            {realmDisplayName ? (
+              <StackItem className="pf-v5-u-font-weight-bold" isFilled>
+                {label(t, realmDisplayName)}
+              </StackItem>
+            ) : null}
+            <StackItem isFilled>{realm}</StackItem>
+          </Stack>
         </MenuToggle>
       )}
     >
diff --git a/js/apps/admin-ui/src/components/realm-selector/realm-selector.css b/js/apps/admin-ui/src/components/realm-selector/realm-selector.css
index ecbb1f830c..3528ae4b76 100644
--- a/js/apps/admin-ui/src/components/realm-selector/realm-selector.css
+++ b/js/apps/admin-ui/src/components/realm-selector/realm-selector.css
@@ -1,4 +1,4 @@
-.keycloak__realm_selector__dropdown .pf-v5-c-menu__list .pf-m-fill {
+.keycloak__realm_selector__dropdown .pf-m-fill {
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -15,3 +15,7 @@
   margin-bottom: var(--pf-v5-c-nav__link--PaddingBottom);
   padding-left: var(--pf-v5-c-nav__link--PaddingLeft);
 }
+
+.keycloak__realm_selector__dropdown {
+  text-align: left;
+}
\ No newline at end of file