diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index f02ecb0d86..974074acc9 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -281,6 +281,7 @@ footer {
 <style lang="scss" scoped>
 /* Properties based on the app-sidebar */
 #talk-sidebar {
+	height: 100%;
 	position: relative;
 	flex-shrink: 0;
 	width: clamp(300px, 27vw, 500px);
diff --git a/src/mainFilesSidebarLoader.js b/src/mainFilesSidebarLoader.js
index 9481ae8192..00a7ead3e3 100644
--- a/src/mainFilesSidebarLoader.js
+++ b/src/mainFilesSidebarLoader.js
@@ -50,10 +50,9 @@ window.addEventListener('DOMContentLoaded', () => {
 				}
 
 				// Dirty hack to force the style on parent component
-				const tabChat = document.querySelector('#tab-chat')
-				tabChat.style.height = '100%'
-				// Remove paddding to maximize space for the chat view
-				tabChat.style.padding = '0'
+				el.style.height = '100%'
+				// Remove padding to maximize space for the chat view
+				el.style.padding = '0'
 
 				OCA.Talk.fileInfo = this.fileInfo
 				tabInstance = OCA.Talk.newTab()