diff --git a/templates/org/header.tmpl b/templates/org/header.tmpl
index 3da3be8959..1209b29401 100644
--- a/templates/org/header.tmpl
+++ b/templates/org/header.tmpl
@@ -2,11 +2,13 @@
 	{{ctx.AvatarUtils.Avatar .Org 100 "org-avatar"}}
 	<div id="org-info" class="tw-flex tw-flex-col">
 		<div class="ui header">
-			{{.Org.DisplayName}}
-			<span class="org-visibility">
-				{{if .Org.Visibility.IsLimited}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}}
-				{{if .Org.Visibility.IsPrivate}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</span>{{end}}
-			</span>
+			<div class="org-title">
+				{{.Org.DisplayName}}
+				<span class="org-visibility">
+					{{if .Org.Visibility.IsLimited}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}}
+					{{if .Org.Visibility.IsPrivate}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</span>{{end}}
+				</span>
+			</div>
 			<span class="tw-flex tw-items-center top-right-buttons tw-ml-auto tw-text-16 tw-whitespace-nowrap">
 				{{if .EnableFeed}}
 					<a class="ui basic label button tw-mr-0" href="{{.Org.HomeLink}}.rss" data-tooltip-content="{{ctx.Locale.Tr "rss_feed"}}">
diff --git a/web_src/css/org.css b/web_src/css/org.css
index 00d50fce41..e96b2bb83b 100644
--- a/web_src/css/org.css
+++ b/web_src/css/org.css
@@ -106,6 +106,17 @@
   margin-bottom: 0;
 }
 
+@media (max-width: 767.98px) {
+  .page-content.organization #org-info .ui.header {
+    flex-direction: column;
+    margin-bottom: 1rem;
+  }
+  .page-content.organization #org-info .org-title {
+    width: 100%;
+    margin-bottom: 0.5rem;
+  }
+}
+
 .page-content.organization #org-info .desc {
   font-size: 16px;
   margin-bottom: 10px;