diff --git a/src/components/react/OfficerCard.jsx b/src/components/react/OfficerCard.jsx
index b3c3c26..9f3ca35 100644
--- a/src/components/react/OfficerCard.jsx
+++ b/src/components/react/OfficerCard.jsx
@@ -9,12 +9,14 @@ const OfficerCard = ({
 }) => {
     const handleImageClick = () => {
         if (name === "Mustahsin Zarif") {
-            onMustahsinClicked(); // This function is to be provided by the parent component
+            onMustahsinClicked();
         }
     };
 
     return (
-        <div className={`flex flex-col items-center w-64 rounded-lg`}>
+        <div
+            className={`flex flex-col justify-center content-center mx-12 items-center w-64 rounded-lg`}
+        >
             <img
                 className="w-26 h-auto sm:h-64 object-cover rounded-3xl cursor-pointer"
                 src={picture}
diff --git a/src/components/react/OfficerTabs.jsx b/src/components/react/OfficerTabs.jsx
index 8e4fede..804174f 100644
--- a/src/components/react/OfficerTabs.jsx
+++ b/src/components/react/OfficerTabs.jsx
@@ -48,7 +48,7 @@ const OfficerTabs = ({ officers }) => {
 
             <div
                 key={selectedType}
-                className="officers flex-row flex flex-wrap items-center justify-center space-x-16 p-12"
+                className="officers flex-row flex flex-wrap flex-none items-center justify-center p-12"
             >
                 {filteredOfficers.map((officer) => (
                     <OfficerCard