diff --git a/src/views/BlogView.jsx b/src/views/BlogView.jsx
index e3e9d35..fa67aff 100644
--- a/src/views/BlogView.jsx
+++ b/src/views/BlogView.jsx
@@ -61,11 +61,13 @@ const BlogView = ({ setCurrentView, slug }) => {
           display: "flex",
           flexDirection: "column",
         }}
-        bodyStyle={{
-          flex: 1,
-          overflowY: "auto",
-          padding: "0",
-          margin: "20px 0",
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button
diff --git a/src/views/BlogsView.jsx b/src/views/BlogsView.jsx
index 99fee1a..c372e1a 100644
--- a/src/views/BlogsView.jsx
+++ b/src/views/BlogsView.jsx
@@ -82,11 +82,13 @@ const BlogsView = ({ setCurrentView }) => {
           display: "flex",
           flexDirection: "column",
         }}
-        bodyStyle={{
-          flex: 1,
-          overflowY: "hidden", // Changed from auto to hidden
-          display: "flex",
-          flexDirection: "column",
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button
diff --git a/src/views/CVView.jsx b/src/views/CVView.jsx
index 6b5fdfd..0a74169 100644
--- a/src/views/CVView.jsx
+++ b/src/views/CVView.jsx
@@ -17,6 +17,16 @@ const CVView = ({ setCurrentView }) => {
         style={{
           width: isMobile ? "100%" : "70%",
           height: isMobile ? "100%" : "70%",
+          display: "flex",
+          flexDirection: "column",
+        }}
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button
diff --git a/src/views/ContactView.jsx b/src/views/ContactView.jsx
index ed3e362..297d7c3 100644
--- a/src/views/ContactView.jsx
+++ b/src/views/ContactView.jsx
@@ -43,6 +43,16 @@ const ContactView = ({ setCurrentView }) => {
         style={{
           width: isMobile ? "100%" : "70%",
           height: isMobile ? "100%" : "70%",
+          display: "flex",
+          flexDirection: "column",
+        }}
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button
diff --git a/src/views/ExperienceView.jsx b/src/views/ExperienceView.jsx
index 419e41d..2c61f0b 100644
--- a/src/views/ExperienceView.jsx
+++ b/src/views/ExperienceView.jsx
@@ -1,4 +1,4 @@
-import React from "react";
+import PropTypes from "prop-types";
 import { useMediaQuery } from "react-responsive";
 import { Button, Card, Flex } from "antd";
 const ExperienceView = ({ setCurrentView }) => {
@@ -11,6 +11,16 @@ const ExperienceView = ({ setCurrentView }) => {
         style={{
           width: isMobile ? "100%" : "70%",
           height: isMobile ? "100%" : "70%",
+          display: "flex",
+          flexDirection: "column",
+        }}
+        styles={{
+          body: {
+            flex: 1,
+            overflowY: "auto",
+            padding: "0",
+            margin: "20px 0",
+          },
         }}
         actions={[
           <Button
@@ -65,4 +75,7 @@ const ExperienceView = ({ setCurrentView }) => {
   );
 };
 
+ExperienceView.propTypes = {
+  setCurrentView: PropTypes.func.isRequired,
+};
 export default ExperienceView;