diff --git a/frontend/src/views/Layout/DashboardLayout_gdd.vue b/frontend/src/views/Layout/DashboardLayout_gdd.vue
index 2659dff04..bd3bd8e4c 100755
--- a/frontend/src/views/Layout/DashboardLayout_gdd.vue
+++ b/frontend/src/views/Layout/DashboardLayout_gdd.vue
@@ -140,4 +140,7 @@ export default {
   height: 2rem;
   padding-left: 10px;
 }
+.bg-lightgrey {
+  background-color: #f0f0f0;
+}
 </style>
diff --git a/frontend/src/views/Pages/AccountOverview.vue b/frontend/src/views/Pages/AccountOverview.vue
index 98db2c5ad..5cb04d9f0 100644
--- a/frontend/src/views/Pages/AccountOverview.vue
+++ b/frontend/src/views/Pages/AccountOverview.vue
@@ -4,7 +4,7 @@
       <b-row>
         <b-col class="col-6">
           <b-row>
-            <b-col class="col-11 ml-2 p-3" style="background-color: #f0f0f0">
+            <b-col class="col-11 ml-2 p-3 bg-lightgrey">
               <status
                 class="gdd-status-gdd"
                 :pending="pending"
@@ -14,9 +14,9 @@
             </b-col>
           </b-row>
         </b-col>
-        <b-col class="col-6 text-right">
+        <b-col class="col-6 text-right bg-lightgrey">
           <b-row>
-            <b-col class="p-3" style="background-color: #f0f0f0">
+            <b-col class="p-3">
               <status
                 class="gdd-status-gdt"
                 :pending="pending"