diff --git a/src/webapp/components/profile-modal/ProfileModal.tsx b/src/webapp/components/profile-modal/ProfileModal.tsx
index 4e7f96ce..edf8884e 100644
--- a/src/webapp/components/profile-modal/ProfileModal.tsx
+++ b/src/webapp/components/profile-modal/ProfileModal.tsx
@@ -44,6 +44,9 @@ export const ProfileModal: React.FC<ProfileModalProps> = React.memo(
 
 const Content = styled.div`
     display: flex;
+    @media (max-width: 600px) {
+        flex-direction: column;
+    }
 `;
 
 const Name = styled.span`
@@ -59,6 +62,9 @@ const Footer = styled.div`
 
 const StyledCard = styled(Card)`
     width: 500px;
+    @media (max-width: 600px) {
+        width: 300px;
+    }
     display: flex;
     flex-direction: column;
     position: absolute;
diff --git a/src/webapp/pages/app/App.css b/src/webapp/pages/app/App.css
index 4f0ed8f1..17177b3b 100644
--- a/src/webapp/pages/app/App.css
+++ b/src/webapp/pages/app/App.css
@@ -1,5 +1,5 @@
 html {
-    background-color: #f3f3f3;
+    background-color: #f8f9fa;
     font-family: Roboto, Arial, sans-serif;
     overflow-y: scroll;
 }