diff --git a/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx b/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx
index d25bb0fcd8..749abed7bb 100644
--- a/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx
+++ b/packages/twenty-front/src/modules/settings/domains/components/SettingsWorkspaceDomainCard.tsx
@@ -8,14 +8,18 @@ import { useLingui } from '@lingui/react/macro';
 import { SettingsPath } from 'twenty-shared/types';
 import { getSettingsPath } from 'twenty-shared/utils';
 import { Status } from 'twenty-ui/data-display';
-import { IconWorld } from 'twenty-ui/icon';
+import { IconWorld, IconWorldWww } from 'twenty-ui/icon';
 import { UndecoratedLink } from 'twenty-ui/navigation';
-import { themeCssVariables } from 'twenty-ui/theme-constants';
+import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants';
 
 const StyledContainer = styled.div`
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   gap: ${themeCssVariables.spacing[2]};
+
+  @media (max-width: ${MOBILE_VIEWPORT}px) {
+    flex-direction: column;
+  }
 `;
 
 export const SettingsWorkspaceDomainCard = () => {
@@ -34,11 +38,14 @@ export const SettingsWorkspaceDomainCard = () => {
 
   return (
     <StyledContainer>
-      <UndecoratedLink to={getSettingsPath(SettingsPath.Subdomain)}>
-        <SettingsCard title={t`Subdomain`} Icon={<IconWorld />} />
+      <UndecoratedLink to={getSettingsPath(SettingsPath.Subdomain)} fullWidth>
+        <SettingsCard title={t`Subdomain`} Icon={<IconWorldWww />} />
       </UndecoratedLink>
       {isCloudflareIntegrationEnabled && (
-        <UndecoratedLink to={getSettingsPath(SettingsPath.CustomDomain)}>
+        <UndecoratedLink
+          to={getSettingsPath(SettingsPath.CustomDomain)}
+          fullWidth
+        >
           <SettingsCard
             title={t`Custom Domain`}
             Icon={<IconWorld />}
diff --git a/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx b/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx
index 17d98ad71e..d64f5ba364 100644
--- a/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx
+++ b/packages/twenty-front/src/pages/settings/general/SettingsGeneral.tsx
@@ -68,7 +68,7 @@ export const SettingsGeneral = () => {
         {isMultiWorkspaceEnabled && (
           <Section>
             <H2Title
-              title={t`Workspace Domain`}
+              title={t`Workspace domain`}
               description={t`Edit your subdomain name or set a custom domain.`}
             />
             <SettingsWorkspaceDomainCard />
diff --git a/packages/twenty-ui/src/icon/components/TablerIcons.ts b/packages/twenty-ui/src/icon/components/TablerIcons.ts
index 7d2740c472..e6ac7944b1 100644
--- a/packages/twenty-ui/src/icon/components/TablerIcons.ts
+++ b/packages/twenty-ui/src/icon/components/TablerIcons.ts
@@ -430,6 +430,7 @@ export {
   IconWebhook,
   IconWindow,
   IconWorld,
+  IconWorldWww,
   IconX,
 } from '@tabler/icons-react';
 
diff --git a/packages/twenty-ui/src/icon/index.ts b/packages/twenty-ui/src/icon/index.ts
index add4f94e68..1aaef6f3e4 100644
--- a/packages/twenty-ui/src/icon/index.ts
+++ b/packages/twenty-ui/src/icon/index.ts
@@ -484,6 +484,7 @@ export {
   IconWebhook,
   IconWindow,
   IconWorld,
+  IconWorldWww,
   IconX,
 } from './components/TablerIcons';
 export { ThinkingOrbitLoaderIcon } from './components/ThinkingOrbitLoaderIcon';