diff --git a/apps/client/src/widgets/dialogs/about.css b/apps/client/src/widgets/dialogs/about.css
index 06e4d9f47c..54f0a8a4b9 100644
--- a/apps/client/src/widgets/dialogs/about.css
+++ b/apps/client/src/widgets/dialogs/about.css
@@ -173,10 +173,12 @@
 
 /* TODO: move to global styles */
 .property-sheet-table {
+    display: table;
     border-spacing: 0 2px;
     border-collapse: separate;
 
-    tr {
+    dl {
+        display: table-row;
         --_br: 8px;
         
         background: var(--card-background-color);
@@ -190,17 +192,18 @@
         }
     }
 
-    td {
+    dt, dd {
+        display: table-cell;
         padding: 10px 16px;
         vertical-align: top;
+    }
 
-        &:first-child {
-            white-space: nowrap;
-            color: var(--muted-text-color);
-        }
+    dt {
+        white-space: nowrap;
+        color: var(--muted-text-color);
+    }
 
-        &:last-child {
-            width: 100%;
-        }
+    dl {
+        width: 100%;
     }
 }
\ No newline at end of file
diff --git a/apps/client/src/widgets/dialogs/about.tsx b/apps/client/src/widgets/dialogs/about.tsx
index 4cc3963864..e15dd31902 100644
--- a/apps/client/src/widgets/dialogs/about.tsx
+++ b/apps/client/src/widgets/dialogs/about.tsx
@@ -79,10 +79,10 @@ export default function AboutDialog() {
                     triliumnotes.org
                 </a>
 
-                <table className="property-sheet-table">
-                    <tr>
-                        <td>{t("about.version_label")}</td>
-                        <td  className="selectable-text">
+                <div className="property-sheet-table">
+                    <dl>
+                        <dt>{t("about.version_label")}</dt>
+                        <dd className="selectable-text">
                             {t("about.version", {
                                 appVersion: appInfo?.appVersion,
                                 dbVersion: appInfo?.dbVersion,
@@ -99,27 +99,27 @@ export default function AboutDialog() {
                                     }}
                                 />
                             </div>
-                        </td>
-                    </tr>
-                   
-                    <tr>
-                        <td>{t("about.contributors_label")}</td>
-                        <td className="contributor-list use-tn-links">
+                        </dd>
+                    </dl>
+
+                    <dl>
+                        <dt>{t("about.contributors_label")}</dt>
+                        <dd className="contributor-list use-tn-links">
                             <CachedContributors />
 
                             <a href="https://github.com/TriliumNext/Trilium/graphs/contributors" target="_blank">
                                 {t("about.contributor_full_list")}
                             </a>
-                        </td>
-                    </tr>
-                    
-                    <tr>
-                        <td>{t("about.data_directory")}</td>
-                        <td className="selectable-text" style={{wordBreak: "break-all"}}>
+                        </dd>
+                    </dl>
+
+                    <dl>
+                        <dt>{t("about.data_directory")}</dt>
+                        <dd className="selectable-text" style={{wordBreak: "break-all"}}>
                             {appInfo?.dataDirectory && (<DirectoryLink directory={appInfo.dataDirectory} />)}
-                        </td>
-                    </tr>
-                </table>
+                        </dd>
+                    </dl>
+                </div>
            </div>
 
            <footer>