diff --git a/Build/Resources/Public/Less/Component/module.less b/Build/Resources/Public/Less/Component/module.less
index d3eb97604ff9c7d2367e9e5a6c311f6a69ccbe73..fc9b1f046d8fe6836954da60145a178bfcf419c2 100644
--- a/Build/Resources/Public/Less/Component/module.less
+++ b/Build/Resources/Public/Less/Component/module.less
@@ -128,6 +128,10 @@
 .module-docheader-bar-navigation {
 	.module-docheader-bar-column-left {
 		white-space: nowrap;
+
+		@media (max-width: @screen-sm) {
+			white-space: normal;
+		}
 	}
 	.form-group select {
 		width: 100%;
diff --git a/typo3/sysext/backend/Resources/Private/Partials/DocHeader.html b/typo3/sysext/backend/Resources/Private/Partials/DocHeader.html
index 660d485e6f65008309e21f121c73388dabbeffdf..0a9e24dc8f3f54404f56d6842ce7182d5ba351f1 100644
--- a/typo3/sysext/backend/Resources/Private/Partials/DocHeader.html
+++ b/typo3/sysext/backend/Resources/Private/Partials/DocHeader.html
@@ -31,7 +31,7 @@
 				</f:if>
 			</f:then>
 			<f:else>
-				<div class="module-docheader-bar-column-left col-xs-12">
+				<div class="module-docheader-bar-column-left col-xs-12 text-right">
 			</f:else>
 		</f:if>
 			<f:if condition="{docHeader.metaInformation.recordInformation}">
diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css
index 48f2791503ba03a98a3b2f288fa4eea5af461ede..774b9cafff2bac3e6325a2f0ea00bbcc1b43ccb9 100644
--- a/typo3/sysext/backend/Resources/Public/Css/backend.css
+++ b/typo3/sysext/backend/Resources/Public/Css/backend.css
@@ -8344,6 +8344,11 @@ div.dropdown-menu {
 .module-docheader-bar-navigation .module-docheader-bar-column-left {
   white-space: nowrap;
 }
+@media (max-width: 768px) {
+  .module-docheader-bar-navigation .module-docheader-bar-column-left {
+    white-space: normal;
+  }
+}
 .module-docheader-bar-navigation .form-group select {
   width: 100%;
 }