diff --git a/openid-connect-server/src/main/webapp/resources/js/admin.js b/openid-connect-server/src/main/webapp/resources/js/admin.js
index c6dedda92..36c552037 100644
--- a/openid-connect-server/src/main/webapp/resources/js/admin.js
+++ b/openid-connect-server/src/main/webapp/resources/js/admin.js
@@ -222,6 +222,15 @@
     		return new SystemScopeCollection(filtered);
     	},
     	
+    	getByValue: function(value) {
+    		var scopes = this.where({value: scope});
+    		if (scopes.length == 1) {
+    			return scopes[0];
+    		} else {
+    			return null;
+    		}
+    	}
+    	
     });
     
     var ClientModel = Backbone.Model.extend({
diff --git a/openid-connect-server/src/main/webapp/resources/template/admin.html b/openid-connect-server/src/main/webapp/resources/template/admin.html
index b457fb9c3..1cdef1a97 100644
--- a/openid-connect-server/src/main/webapp/resources/template/admin.html
+++ b/openid-connect-server/src/main/webapp/resources/template/admin.html
@@ -531,4 +531,31 @@
         </fieldset>
     </form>
 
+</script>
+
+<!-- system scope -->
+<script type="text/html" id = "tmpl-system-scope-table">
+
+    <div class="well well-small">
+		<button class="btn btn-small refresh-table"><i class="icon-refresh"></i> Refresh</button> &nbsp;
+        <button class="btn btn-small btn-primary new-client"><i class="icon-plus icon-white"></i> New Scope</button>
+    </div>
+
+    <table id="client-table" class="table table-hover table-striped">
+        <thead>
+        <tr>
+			<th></th>
+            <th>Scope</th>
+            <th></th>
+        </tr>
+        </thead>
+        <tbody>
+        </tbody>
+    </table>
+
+    <div class="well well-small">
+		<button class="btn btn-small refresh-table"><i class="icon-refresh"></i> Refresh</button> &nbsp; 
+        <button class="btn btn-small btn-primary new-client"><i class="icon-plus icon-white"></i> New Scope</button>
+    </div>
+
 </script>
\ No newline at end of file