diff --git a/typo3/sysext/opendocs/Classes/Controller/OpendocsController.php b/typo3/sysext/opendocs/Classes/Controller/OpendocsController.php
index 835d4ee281e742d04acfa1e01f51f59c34c0d2ad..699d166db372099a2e03ab6004cf8c8d39af9dff 100644
--- a/typo3/sysext/opendocs/Classes/Controller/OpendocsController.php
+++ b/typo3/sysext/opendocs/Classes/Controller/OpendocsController.php
@@ -128,7 +128,7 @@ class OpendocsController implements \TYPO3\CMS\Backend\Toolbar\ToolbarItemInterf
 		if (count($entries)) {
 			$content = implode('', $entries);
 		} else {
-			$content = '<li>' . $GLOBALS['LANG']->getLL('no_docs', TRUE) . '</li>';
+			$content = '<li class="noOpenDocs">' . $GLOBALS['LANG']->getLL('no_docs', TRUE) . '</li>';
 		}
 		return $content;
 	}
@@ -163,8 +163,10 @@ class OpendocsController implements \TYPO3\CMS\Backend\Toolbar\ToolbarItemInterf
 			$closeIcon = \TYPO3\CMS\Backend\Utility\IconUtility::getSpriteIcon('actions-document-close');
 			$entry = '
 				<li class="opendoc' . $firstRow . '">
-					<a href="#" onclick="jump(unescape(\'' . htmlspecialchars($link) . '\'), \'web_list\', \'web\', ' . $pageId . ');TYPO3.OpendocsMenu.toggleMenu(); return false;" target="content">' . $icon . $label . '</a>
-					<a href="#" class="close" data-opendocsidentifier="' . $md5sum . '">' . $closeIcon . '</a>
+					<div class="linkWrap">
+						<a href="#" class="opendocLink" onclick="jump(unescape(\'' . htmlspecialchars($link) . '\'), \'web_list\', \'web\', ' . $pageId . ');TYPO3.OpendocsMenu.toggleMenu(); return false;" target="content">' . $icon . $label . '</a>
+						<a href="#" class="close" data-opendocsidentifier="' . $md5sum . '">' . $closeIcon . '</a>
+					</div>
 				</li>';
 		} else {
 			// Recently used document
diff --git a/typo3/sysext/opendocs/Resources/Public/Css/opendocs.css b/typo3/sysext/opendocs/Resources/Public/Css/opendocs.css
index e052b9021bbce7628b4fe8ab9ee545143b8cc571..a40511d524188f2ec62a476f083fde0391dc5847 100644
--- a/typo3/sysext/opendocs/Resources/Public/Css/opendocs.css
+++ b/typo3/sysext/opendocs/Resources/Public/Css/opendocs.css
@@ -9,30 +9,48 @@ Description : styles the Open Documents toolbar item
 
 - - - - - - - - - - - - - - - - - - - - - */
 
-#tx-opendocs-menu .toolbar-item-menu .list th {
-	text-align: left;
-	font-weight: normal;
-	line-height: 16px;
-	padding-left: 7px;
+#tx-opendocs-menu .opendoc {
+	width: inherit;
 }
 
-#tx-opendocs-menu .toolbar-item-menu td.label {
-	font-size: 100%;
+#tx-opendocs-menu .dropdown-menu {
+	max-width: 400px;
+	width: auto;
+	white-space: nowrap;
 }
 
-#tx-opendocs-menu .toolbar-item-menu .list .opendoc .icon,
-#tx-opendocs-menu .toolbar-item-menu .list .recentdoc .icon {
+#tx-opendocs-menu .opendoc .icon,
+#tx-opendocs-menu .recentdoc .icon {
 	padding-left: 7px;
 	vertical-align: top;
 	width: 16px;
 }
 
-#tx-opendocs-menu .toolbar-item-menu .list .opendoc .close {
+#tx-opendocs-menu .linkWrap {
+	display: table;
+	padding: 3px 20px;
+	width: 100%;
+}
+
+#tx-opendocs-menu .opendoc .opendocLink {
+	display: table-cell;
+	padding-right: 10px;
+}
+
+#tx-opendocs-menu .opendoc .close {
 	width: 20px;
 	text-align: center;
 	vertical-align: top;
+	display: table-cell;
+	position: relative;
+	top: 3px;
 }
 
-#tx-opendocs-menu .toolbar-item-menu .list .opendoc .close span {
+#tx-opendocs-menu .opendoc .close span {
 	cursor: pointer;
+}
+
+
+#tx-opendocs-menu .noOpenDocs {
+	padding: 3px 20px;
 }
\ No newline at end of file