diff --git a/components/footer/SiteFooter.vue b/components/footer/SiteFooter.vue
index 49e3061..90b5410 100644
--- a/components/footer/SiteFooter.vue
+++ b/components/footer/SiteFooter.vue
@@ -13,14 +13,48 @@ class="site--footer" style="position: relative;
                   </nuxt-link>
                 </div>
                 <div class="col-12 col-md-10 col-sm-12 companies " style="overflow-x: auto;">
-                  <ul>
+                  <ul style="display: flex;">
                    
                     <li v-for="(item, i) in brands" :key="i">
                       <a :href="item.link">
                         <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
                       </a>
                     </li>
+                    <li v-for="(item, i) in brands" :key="i">
+                      <a :href="item.link">
+                        <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
+                      </a>
+                    </li>
+                    <li v-for="(item, i) in brands" :key="i">
+                      <a :href="item.link">
+                        <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
+                      </a>
+                    </li>
+                    <li v-for="(item, i) in brands" :key="i">
+                      <a :href="item.link">
+                        <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
+                      </a>
+                    </li>
+
+                    <li v-for="(item, i) in brands" :key="i">
+                      <a :href="item.link">
+                        <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
+                      </a>
+                    </li>
+
+                    <li v-for="(item, i) in brands" :key="i">
+                      <a :href="item.link">
+                        <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
+                      </a>
+                    </li>
+
+                    <li v-for="(item, i) in brands" :key="i">
+                      <a :href="item.link">
+                        <img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
+                      </a>
+                    </li>
                     
+
                   </ul>
                 </div>
               </div>
diff --git a/sass/components/footer.scss b/sass/components/footer.scss
index 20fa7d7..f56fa03 100644
--- a/sass/components/footer.scss
+++ b/sass/components/footer.scss
@@ -1,3 +1,30 @@
+      /* width */
+      ::-webkit-scrollbar {
+        width: 5px;
+        height: 5px;
+        border-radius: 5px;
+      }
+      
+      /* Track */
+      ::-webkit-scrollbar-track {
+        background: #f1f1f1;
+        border-radius: 5px;
+
+      }
+      
+      /* Handle */
+      ::-webkit-scrollbar-thumb {
+        background: #888;
+        border-radius: 5px;
+
+      }
+      
+      /* Handle on hover */
+      ::-webkit-scrollbar-thumb:hover {
+        background: #555;
+        border-radius: 5px;
+
+      }
 .site--footer {
   padding-top: 20px;
   background: #fff;
@@ -228,10 +255,10 @@
     }
 
     .companies {
+
       ul {
         height: 100%;
         display: flex;
-        justify-content: flex-end;
         align-items: center;
 
         @media (max-width: 768px) {
diff --git a/server/controllers/brandController.js b/server/controllers/brandController.js
index 7b02f0f..59d63a9 100644
--- a/server/controllers/brandController.js
+++ b/server/controllers/brandController.js
@@ -1,9 +1,10 @@
+const { body, validationResult } = require('express-validator')
 const Brand = require("../models/Brand");
 const { checkValidations } = require("../plugins/controllersHelperFunctions")
-const { body, validationResult } = require('express-validator')
 const { _sr } = require("../plugins/serverResponses")
 const maxAttachmentSize = 2048
-
+const _faSr = _sr.fa;
+/* eslint-disable spaced-comment */
 
 //@desc Create a brand
 //@route POST /api/brands/
@@ -59,7 +60,7 @@ const createbrand = [
 //@route GET /api/brands/
 //@access Public
 const getbrands = async (req, res) => {
-    const brand = await Brand.find().limit(8);
+    const brand = await Brand.find();
 
     res.status(200).json(brand);
 };