diff --git a/budgit.client/src/components/Transaction.vue b/budgit.client/src/components/Transaction.vue
new file mode 100644
index 0000000..0fb47a9
--- /dev/null
+++ b/budgit.client/src/components/Transaction.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="component flex bg-stone-800 mb-2">
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="">
+      <p>{{'meow'}}</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  setup(){
+    return {}
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/budgit.client/src/pages/TransactionsPage.vue b/budgit.client/src/pages/TransactionsPage.vue
index 2c3728c..b7d69e7 100644
--- a/budgit.client/src/pages/TransactionsPage.vue
+++ b/budgit.client/src/pages/TransactionsPage.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="component">
-    <h1>transactionspage</h1>
-
+    <div class="flex mt-6 md:mx-40 flex-col">
+      <h1>Transactions Container</h1>
+      <Transaction v-for="t in 10" />
+    </div>
   </div>
 </template>