diff --git a/styles/components/OfficerCard.module.scss b/styles/components/OfficerCard.module.scss
index 4dc58b09..281cd2fa 100644
--- a/styles/components/OfficerCard.module.scss
+++ b/styles/components/OfficerCard.module.scss
@@ -1,30 +1,30 @@
 /* yourStyles.module.css */
 
 .officer-card {
-  display: block;
-  text-align: center;
-  background-color: #ffffff;
-  width: 260px;
-  height: 300px;
+  background-color: #FFF;
   border-radius: 10px;
-  font-size: 15px;
-  padding: 10px;
-  overflow: hidden;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  display: block;
+  font-size: 15px;
+  height: 300px;
   margin: 25px;
+  overflow: hidden;
+  padding: 10px;
+  text-align: center;
+  width: 260px;
 }
 
 .officer-card:hover {
   /* Scale and add a box shadow on hover */
-  transform: scale(1.025);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  transform: scale(1.025);
 }
 
 .image-container {
-  flex: 1;
+  align-items: center;
   display: flex;
+  flex: 1;
   justify-content: center;
-  align-items: center;
   margin-top: 30px;
 }
 
@@ -47,31 +47,31 @@
   margin: 5px 0;
 }
 
-.officer-email{
+.officer-email {
+  color: inherit;
   margin-top: 10px;
   text-decoration: none; /* Remove underline */
-  color: inherit;
 }
 /* Add additional styles as needed */
 
 
 .no-image {
-  text-align: center;
-  padding: 10px;
+  color: #999;
   font-style: italic;
-  color: #999999;
+  padding: 10px;
+  text-align: center;
 }
 
 
 .email-container {
   // display: flex;
   // align-items: center; /* Align items vertically in the container */
-  white-space: nowrap; /* Prevent line breaks */
   overflow: hidden; /* Hide overflow content */
   text-overflow: ellipsis;
+  white-space: nowrap; /* Prevent line breaks */
 }
 
 .email-icon {
   margin-right: 8px; /* Adjust the margin as needed for the desired spacing */
 
-}
\ No newline at end of file
+}
diff --git a/styles/pages/committees.scss b/styles/pages/committees.scss
index 9e5583a0..6b769e89 100644
--- a/styles/pages/committees.scss
+++ b/styles/pages/committees.scss
@@ -128,11 +128,11 @@ html {
 
  
 
-  .officer-image{
-    width: 100%;
-    height: 100%;
+  .officer-image {
     border-radius: 50%; /* Make the image completely round */
+    height: 100%;
     padding: 10px; /* Add padding around the image */
+    width: 100%;
   }
 
   // img{
@@ -151,7 +151,7 @@ html {
     padding: 0 60px;
   }
 
-  .bannerpic{
+  .bannerpic {
     border-radius: 10px;
     box-shadow: 0 0 1pt 0;
     width: 100%;