diff --git a/public/assets/stylesheet/custom.css b/public/assets/stylesheet/custom.css
index 92dde871..9a997bd2 100644
--- a/public/assets/stylesheet/custom.css
+++ b/public/assets/stylesheet/custom.css
@@ -2423,3 +2423,6 @@ display: block;
 .capitalizer:first-letter{
   text-transform: uppercase;
 }
+.text_black *{
+  color: #000000 !important;
+}
diff --git a/resources/views/desktop/Pages/AboutPage.blade.php b/resources/views/desktop/Pages/AboutPage.blade.php
index 1e3d8eeb..90bee6b8 100644
--- a/resources/views/desktop/Pages/AboutPage.blade.php
+++ b/resources/views/desktop/Pages/AboutPage.blade.php
@@ -6,11 +6,11 @@
     {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('about',$title)}}
     <section class="my-3">
         <div class="container">
-            <div class="row">
+            <div class="row text_black" >
                 <div class="col-lg-2 col-md-3">
 
 
-                    <ul class="list-group w-100" style="float: left">
+                    <ul class="list-group w-100" style="float: left;height: 100%; background-color: #ffffff; z-index: 10;position: relative;color: #000000">
                         <li class="list-group-item border-0 pl-0">
                             <h3>@lang('ClientSide.about_us')</h3><div style="background-color: rgba(211,61,51,1);height: 5px;width: 80px;margin-bottom: 15px;"></div> </li>
                         <li class="list-group-item border-0 pl-0">
@@ -40,7 +40,7 @@
                         <li class="list-group-item border-0 pl-0">
                             <a  class="text-dark capitalizer" data-toggle="modal" data-target="#exampleModalCenter">{{__("ClientSide.addEvent")}}</a></li>
                     </ul>
-                    <div style="width: 5px;float: left;height: calc(100% - 20px); margin-top: 10px; margin-left: -6px; box-shadow: 2px 0 10px rgba(0,0,0,.4)"></div>
+                    <div style="width: 5px;float: left;height: calc(100% - 20px); margin-top: 10px; margin-left: -6px; box-shadow: 2px 0 10px rgba(0,0,0,.1)"></div>
                 </div>
                 <div class="col-9 pl-4">
                     <h2>{{$title}}</h2>