diff --git a/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx b/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
index a268618..9996f62 100644
--- a/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
+++ b/app/src/components/Sidebar/ValueRenderer/ValuePanel.tsx
@@ -41,13 +41,13 @@ function ValuePanel(props: Props) {
     }
 
     return (
-      <div style={{ width: '100%', display: 'flex', paddingLeft: '8px' }}>
+      <div style={{ width: '100%', display: 'flex', paddingLeft: '8px', flexWrap: 'wrap' }}>
         <span style={{ marginTop: '2px', flexGrow: 1 }}>
           <ActionButtons />
         </span>
-        <div style={{ flex: 6, textAlign: 'right' }}>
+        <span style={{ flex: 6, textAlign: 'right' }}>
           {props.node.mqttMessage.retain ? <DeleteSelectedTopicButton /> : null}
-        </div>
+        </span>
         {messageMetaInfo()}
       </div>
     )