From 65ccd6fc2287d67b6122ecafd9eadf6d6c27832b Mon Sep 17 00:00:00 2001
From: Karan Sheth <karan.sheth60@gmail.com>
Date: Tue, 6 Jun 2023 12:49:35 -0400
Subject: [PATCH] Fixed styles on the User Profile page.

---
 .../src/pages/profile/tblThemeConfig.js       | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/packages/bento-frontend/src/pages/profile/tblThemeConfig.js b/packages/bento-frontend/src/pages/profile/tblThemeConfig.js
index f4653555a..e8e1a93e2 100644
--- a/packages/bento-frontend/src/pages/profile/tblThemeConfig.js
+++ b/packages/bento-frontend/src/pages/profile/tblThemeConfig.js
@@ -16,6 +16,27 @@ export const tblHeader = {
   },
 };
 
+export const tblContainer = {
+  MuiTableContainer: {
+    root: {
+      width: '100%',
+      overflowX: 'auto',
+      transform: 'rotateX(180deg)',
+      boxShadow: 'none',
+      borderRadius: '0',
+    }
+  },
+  MuiTable: {
+    root: {
+      transform: 'rotateX(180deg)',
+      width: '100%',
+      display: 'table',
+      borderSpacing: '0',
+      borderCollapse: 'collapse',
+    },
+  },
+};
+
 export const tblBody = {
   MuiTableCell: {
     root: {
@@ -59,6 +80,7 @@ export const tblPgn = {
   
 export const themeConfig = {
   tblHeader,
+  tblContainer,
   tblBody,
   tblPgn
 };