diff --git a/web/src/pages/ServerDashboard.tsx b/web/src/pages/ServerDashboard.tsx
index 494e634..a69e456 100644
--- a/web/src/pages/ServerDashboard.tsx
+++ b/web/src/pages/ServerDashboard.tsx
@@ -602,6 +602,16 @@ const ServerDashboard: FunctionComponent = () => {
                     <Button style={{ float: 'left' }} onClick={save}>Save</Button>
                     <Button style={{ float: 'left', marginLeft: '8px' }} onClick={reset}>Reset</Button>
                     <Button style={{ float: 'left', marginLeft: '8px' }} onClick={remove}>Delete</Button>
+                    <code
+                        style={{
+                            float: 'left',
+                            color: 'var(--secondary-foreground)',
+                            marginTop: '10px',
+                            paddingLeft: '12px',
+                        }}
+                    >
+                        {props.rule.id}
+                    </code>
                     <div style={{ clear: 'both' }} />
                 </div>
             </div>