diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 00a645379..2479861b2 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -2,13 +2,14 @@
+
Transaction
@@ -31,6 +32,7 @@
+
diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss
index f007735a5..719f06b5b 100644
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -8,6 +8,9 @@
border-top: 3px solid #FFF;
width: 100%;
padding-bottom: 30px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
@media (min-width: 768px) {
padding-bottom: 0px;
}
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 0c76ad6b1..4dd23d137 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -500,6 +500,17 @@ h1, h2, h3 {
color: #ffffff;
background-color: #653b9c;
border-color: #3a1c61;
+ width: 100%;
+ display: inline-flex;
+ flex-direction: column;
+ justify-content: space-between;
+ @media (min-width: 676px){
+ flex-direction: row;
+ }
+}
+
+.flex{
+ display: flex;
}
th {