diff --git a/src/views/Blogs/layouts/Suggest.js b/src/views/Blogs/layouts/Suggest.js
index 5684401..4032f91 100644
--- a/src/views/Blogs/layouts/Suggest.js
+++ b/src/views/Blogs/layouts/Suggest.js
@@ -3,9 +3,11 @@ import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 
 export const Suggest = ({ blog }) => {
+  
   useEffect(() => {
     window.scrollTo(0, 0);
   }, []);
+
   return (
     <Link
       to={"/blogs/" + blog?.id}
diff --git a/src/views/Video/index.js b/src/views/Video/index.js
index 7081d68..e9104d0 100644
--- a/src/views/Video/index.js
+++ b/src/views/Video/index.js
@@ -110,7 +110,7 @@ function Video({
       </div>
     </div>
   ) : (
-    <div className="flex flex-col w-11/12 min-h-screen mx-auto pb-20 pt-24 ">
+    <div className="flex flex-col w-11/12 min-h-screen mx-auto pb-20 pt-24 bg-red-300">
       <header className="w-full flex flex-row gap-12">
         <div className="w-9/12">
           <Videos videos={book?.fileIds} />
diff --git a/src/views/Videos/index.js b/src/views/Videos/index.js
index bfd9b8c..6d97acd 100644
--- a/src/views/Videos/index.js
+++ b/src/views/Videos/index.js
@@ -20,7 +20,7 @@ function Videos({ headerOptions, setHeaderOptions, getList, videos, grades }) {
   }, []);
 
   return (
-    <div className="flex flex-col pb-24">
+    <div className="flex flex-col pb-24 ">
       {/* <div className="px-4">
         <Search
           backgroundColor="bg-grayF9 dark:bg-gray2077"