diff --git a/config.html b/config.html
index 7510877..8d7118f 100644
--- a/config.html
+++ b/config.html
@@ -7,7 +7,7 @@
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="css/style.css" type="text/css">
 		<link rel="stylesheet" href="css/form.css" type="text/css">
-		<link rel="stylesheet" href="css/buttons.css" type="text/css">
+		<link rel="stylesheet" href="css/button.css" type="text/css">
 		<script src="scripts/config.js" type="module"></script>
 	</head>
 	<body>
diff --git a/css/buttons.css b/css/button.css
similarity index 100%
rename from css/buttons.css
rename to css/button.css
diff --git a/css/table.css b/css/table.css
new file mode 100644
index 0000000..837f53b
--- /dev/null
+++ b/css/table.css
@@ -0,0 +1,21 @@
+table {
+	padding: 10px;
+	border-collapse: collapse;
+	border: 1px solid var(--content-txt-color);
+}
+
+tr {
+	background-color: white;
+}
+
+tr:nth-child(even) {
+	background-color: #ddd;
+}
+
+tr:hover {
+	background-color: #aaa;
+}
+
+td {
+	padding: 5px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3764e02..0eab759 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
 		<title>tronnet - client</title>
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="css/style.css" type="text/css">
-		<link rel="stylesheet" href="css/buttons.css" type="text/css">
+		<link rel="stylesheet" href="css/button.css" type="text/css">
 		<script src="scripts/index.js" type="module"></script>
 		<script src="scripts/instance.js" type="module"></script>
 		<style>
diff --git a/login.html b/login.html
index cb604b0..8fea64a 100644
--- a/login.html
+++ b/login.html
@@ -7,7 +7,7 @@
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="css/style.css" type="text/css">
 		<link rel="stylesheet" href="css/form.css" type="text/css">
-		<link rel="stylesheet" href="css/buttons.css" type="text/css">
+		<link rel="stylesheet" href="css/button.css" type="text/css">
 		<script src="scripts/login.js" type="module"></script>
 	</head>
 	<body>
diff --git a/resources.html b/resources.html
index c41cb32..237dea2 100644
--- a/resources.html
+++ b/resources.html
@@ -6,6 +6,7 @@
 		<title>tronnet - client</title>
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="css/style.css" type="text/css">
+		<link rel="stylesheet" href="css/table.css" type="text/css">
 		<script src="scripts/resources.js" type="module"></script>
 	</head>
 	<body>
@@ -17,6 +18,13 @@
 			</nav>
 		</header>
 		<main>
+			<table id="resource-table">
+				<thead>
+					<td>Resource Type</td>
+					<td>Avaliable Amount</td>
+					<td>Total Amount</td>
+				</thead>
+			</table>
 		</main>
 		<footer><p>&copy; tronnet</p></footer>
 	</body>
diff --git a/scripts/dialog.js b/scripts/dialog.js
index 7f1366a..134276f 100644
--- a/scripts/dialog.js
+++ b/scripts/dialog.js
@@ -7,7 +7,7 @@ export class Dialog extends HTMLElement {
 		<link rel="stylesheet" href="css/style.css" type="text/css">
 		<link rel="stylesheet" href="css/form.css" type="text/css">
 		<link rel="stylesheet" href="css/dialog.css" type="text/css">
-		<link rel="stylesheet" href="css/buttons.css" type="text/css">
+		<link rel="stylesheet" href="css/button.css" type="text/css">
 		<dialog>
 			<p id="prompt"></p>
 			<hr>
diff --git a/scripts/instance.js b/scripts/instance.js
index 5d773d0..55a6a0a 100644
--- a/scripts/instance.js
+++ b/scripts/instance.js
@@ -8,7 +8,7 @@ export class Instance extends HTMLElement {
 
 		shadowRoot.innerHTML = `
 		<link rel="stylesheet" href="css/style.css" type="text/css">
-		<link rel="stylesheet" href="css/buttons.css" type="text/css">
+		<link rel="stylesheet" href="css/button.css" type="text/css">
 		<link rel="stylesheet" href="css/instance.css" type="text/css">
 		<div>
 			<img id="node-status" alt="instance node">
diff --git a/scripts/resources.js b/scripts/resources.js
index b41bbf9..36d6920 100644
--- a/scripts/resources.js
+++ b/scripts/resources.js
@@ -4,27 +4,26 @@ window.addEventListener("DOMContentLoaded", init);
 
 async function init () {
 	let resources = await requestAPI("/user/resources");
-	document.querySelector("main").innerHTML = buildTable(resources.resources, 1);
+	document.querySelector("main").append(buildResourceTable(resources.resources, "#resource-table"));
 }
 
-function buildTable (object, idx) {
+function buildResourceTable (object, tableid) {
 
 	if (object instanceof Object) {
-		let table = "";
-		if (idx === 1) { // topmost table gets some margin and a border
-			table += `<table style="margin-top: 10px; border: 1px solid black;">`;
-		}
-		else {
-			table += `<table>`;
-		}
+
+		let table = document.querySelector(tableid);
 		Object.keys(object).forEach((element) => {
-			table += `<tr><td>${element}</td><td>${buildTable(object[element], idx + 1)}</td></tr>`;
+			let row = table.insertRow();
+			let key = row.insertCell();
+			key.innerText = `${element}`;
+			let val = row.insertCell();
+			val.innerText = `${object[element]}`
+			let total = row.insertCell();;
+			total.innerText = `${object[element]}`
 		});
-		table += "</table>"
-		
 		return table;
 	}
 	else {
-		return object;
+		return null;
 	}
 }
\ No newline at end of file
