diff --git a/astro.config.mjs b/astro.config.mjs
index 7937c97..c6f01b3 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -8,8 +8,6 @@ export default defineConfig({
   integrations: [tailwind(), react()],
   redirects: {
     '/Home': '/',
- },
-  site: 'https://cyborgnetical.github.io/',
-  base: 'Parlier-Welding-Website',
+ }
 });
 
diff --git a/src/pages/Cabinet/Officer.astro b/src/pages/Cabinet/Officer.astro
index a489efa..3f9444a 100644
--- a/src/pages/Cabinet/Officer.astro
+++ b/src/pages/Cabinet/Officer.astro
@@ -13,7 +13,7 @@ const { name , position , img = "", gridCol = ""} = Astro.props;
 
 ---
 
-<div class=" grid grid-cols-2 grid-rows-3 p-4 border shadow-xl shadow-sky-500">
+<div class=" grid grid-cols-2 grid-rows-3 p-4">
     <img alt="Place Holder Image" class=" flex justify-center items-center rounded-md">
     <h2 class=" bg-slate-300 rounded-md pl-5"> {name} </h2>
     <h3 style="margin: auto; width:100%;">Club {position}</h3>
@@ -33,6 +33,10 @@ const { name , position , img = "", gridCol = ""} = Astro.props;
         grid-column:var(--gridCol) ;
         align-items: stretch;
         font-size: 12px;
+        transition: box-shadow 250ms;
+        &:hover{
+            box-shadow: 0 0 5px 5px skyblue;
+        }
         & img{
             grid-row: 1 / -1;
             background-color: white;