diff --git a/components/about/about.js b/components/about/about.js
index 4839071..83d702c 100644
--- a/components/about/about.js
+++ b/components/about/about.js
@@ -8,7 +8,7 @@ const About = (props) => {
             <div className="container">
                 <div className="wpo-about-wrap">
                     <div className="row align-items-center">
-                        <div className="col-lg-6 col-md-12 col-12">
+                        <div className="col-lg-6 col-md-12 col-12 order-2 order-lg-1">
                             <div className="wpo-about-img">
                                 <Image src={props.abimg} alt="" />
                                 <div className="wpo-about-img-text">
@@ -56,7 +56,7 @@ const About = (props) => {
                                 </div>
                             </div>
                         </div>
-                        <div className="col-lg-6 col-md-12 col-12">
+                        <div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2 mb-5">
                             <div className="wpo-about-text">
                                 <div className="wpo-section-title">
                                     <span>About Politian</span>
diff --git a/components/aboutPage/AboutSection.js b/components/aboutPage/AboutSection.js
index 7a49902..9f86731 100644
--- a/components/aboutPage/AboutSection.js
+++ b/components/aboutPage/AboutSection.js
@@ -10,7 +10,7 @@ const AboutSection = (props) => {
                     <div className="row align-items-center">
 
                         {/* Text Column — Show first on mobile, second on desktop */}
-                        <div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2">
+                        <div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2 mb-5">
                             <div className="wpo-about-text">
                                 <div className="wpo-section-title">
                                     <span>About Politian</span>