diff --git a/web-front-end/angular/main/app/header/header.component.html b/web-front-end/angular/main/app/header/header.component.html
index 9c32e805..aba70a4b 100644
--- a/web-front-end/angular/main/app/header/header.component.html
+++ b/web-front-end/angular/main/app/header/header.component.html
@@ -1,6 +1,8 @@
 <nav class="navbar navbar-expand-lg bg-body-tertiary text-bg-primary" data-bs-theme="dark">
     <div class="container-fluid">
-        <a class="navbar-brand text-bg-primary" href="#">FINOS | TradeX Sample Application</a>
+        <img width="50px" src="assets/img/2023_TraderX_Icon_WHT.png"/>
+        <div style="font-size: 1.5em">FINOS | TraderX Sample Application</div>
+        <img width="30px" src="assets/img/FINOS_Icon_White.png"/>
     </div>
 </nav>
 
diff --git a/web-front-end/angular/main/app/trade/trade.component.html b/web-front-end/angular/main/app/trade/trade.component.html
index f9023762..9bf3cdcb 100644
--- a/web-front-end/angular/main/app/trade/trade.component.html
+++ b/web-front-end/angular/main/app/trade/trade.component.html
@@ -1,7 +1,6 @@
 <div class="trade-container p-5">
     <div class="trade-ops mb-4">
         <div class="trade-filter me-3">
-            Account
             <app-ngx-dropdown
                 name="account"
                 [items]="accounts"
diff --git a/web-front-end/angular/main/assets/img/2023_TraderX_Icon_WHT.png b/web-front-end/angular/main/assets/img/2023_TraderX_Icon_WHT.png
new file mode 100644
index 00000000..a0170bb9
Binary files /dev/null and b/web-front-end/angular/main/assets/img/2023_TraderX_Icon_WHT.png differ
diff --git a/web-front-end/angular/main/assets/img/FINOS_Icon_White.png b/web-front-end/angular/main/assets/img/FINOS_Icon_White.png
new file mode 100644
index 00000000..bfb3451a
Binary files /dev/null and b/web-front-end/angular/main/assets/img/FINOS_Icon_White.png differ
diff --git a/web-front-end/angular/main/styles.scss b/web-front-end/angular/main/styles.scss
index ec39f82a..d7210db6 100644
--- a/web-front-end/angular/main/styles.scss
+++ b/web-front-end/angular/main/styles.scss
@@ -1,3 +1,32 @@
 @import "bootstrap/dist/css/bootstrap.css";
 @import 'ag-grid-community/dist/styles/ag-grid.css';
-@import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
\ No newline at end of file
+@import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
+
+.btn-primary {
+    background-color: #044fbd;
+    border-color: #044fbd;
+}  
+
+.btn-primary:hover {
+    background-color: #0d6efd;
+}
+
+#buyButton {
+    background-color: green;
+}
+
+#sellButton {
+    background-color: red;
+}
+
+.btn-info {
+    background-color: #0d6efd;
+}
+
+.btn-info:hover {
+    background-color: #3583f9;
+}
+
+.drpbtn3 {
+    margin-left: 5px;
+}
\ No newline at end of file