diff --git a/frontend/src/views/Pages/UserProfile/UserCard.vue b/frontend/src/views/Pages/UserProfile/UserCard.vue
index 2065ab839..1610eb7e9 100755
--- a/frontend/src/views/Pages/UserProfile/UserCard.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-card class="bg-transparent">
+  <b-card class="bg-transparent border-0">
     <div class="w-100 text-center">
       <vue-qrcode
         v-if="$store.state.email"
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
index 6b4e66306..f9374891d 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
@@ -1,9 +1,5 @@
 <template>
-  <b-card
-    id="userdata_form"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="userdata_form" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue b/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
index 7a83ca958..58617ff9b 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
@@ -1,9 +1,5 @@
 <template>
-  <b-card
-    id="change_pwd"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="change_pwd" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
index d54ef7b87..05357a99d 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
@@ -1,9 +1,5 @@
 <template>
-  <b-card
-    id="formuserlanguage"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="formuserlanguage" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
index a5b4253dc..c571ef99a 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
@@ -1,8 +1,5 @@
 <template>
-  <b-card
-    id="formusernewsletter"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="formusernewsletter" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-3">
         <b-col class="mb-2 col-12">
diff --git a/frontend/src/views/Pages/UserProfileOverview.vue b/frontend/src/views/Pages/UserProfileOverview.vue
index 8cba504e2..c5be76145 100644
--- a/frontend/src/views/Pages/UserProfileOverview.vue
+++ b/frontend/src/views/Pages/UserProfileOverview.vue
@@ -31,4 +31,16 @@ export default {
   },
 }
 </script>
-<style></style>
+<style>
+.card-border-radius {
+  border-radius: 0px 5px 5px 0px !important;
+}
+@media screen and (max-width: 1235px) {
+  .card-border-radius {
+    border-radius: 0px !important;
+  }
+}
+.card-background-gray {
+  background-color: #ebebeba3 !important;
+}
+</style>