diff --git a/src/components/search/CardUserGroup.vue b/src/components/search/CardUserGroup.vue
index 2cd061c..7671850 100644
--- a/src/components/search/CardUserGroup.vue
+++ b/src/components/search/CardUserGroup.vue
@@ -288,6 +288,12 @@ export default {
 };
 </script>
 <style>
+.v-carousel__controls__item.v-btn.v-btn--icon.v-btn--active {
+  background-color: #f5de1056;
+}
+.v-carousel__controls__item.v-btn.v-btn--icon.v-btn--active .mdi{
+   color: #ffb700; /* Colour for active one */
+}
 .v-overlay__scrim {
   opacity: 0.7;
 }
@@ -363,6 +369,10 @@ div.v-window__container
 }
 
 @media only screen and (min-width: 0px) and (max-width: 700px) {
+  .v-carousel__controls .v-btn--icon.v-btn--density-default {
+    width: 25px;
+    height:25px;
+}
   div.v-window__container
     > div.v-window-item.v-window-item--active.v-carousel-item
     > div
diff --git a/src/components/search/SearchMain.vue b/src/components/search/SearchMain.vue
index 624bd01..735a8dc 100644
--- a/src/components/search/SearchMain.vue
+++ b/src/components/search/SearchMain.vue
@@ -606,6 +606,10 @@ export default {
 };
 </script>
 <style>
+  .v-pagination__item--is-active 
+  .v-btn{
+    background-color: #f4c03f!important;
+  }
 .v-input__control {
   background: white;
 }