diff --git a/webui/src/pages/Home/components/ActionCard/ActionCard.jsx b/webui/src/pages/Home/components/ActionCard/ActionCard.jsx
index 6518dd8..4f1aa68 100644
--- a/webui/src/pages/Home/components/ActionCard/ActionCard.jsx
+++ b/webui/src/pages/Home/components/ActionCard/ActionCard.jsx
@@ -3,7 +3,7 @@ import "./styles.sass";
 
 export const ActionCard = ({ title, icon, onClick }) => {
   return (
-    <div className="action-card" onClick={onClick}>
+    <div className="glassy action-card" onClick={onClick}>
         <FontAwesomeIcon icon={icon} />
         <h1>{title}</h1>
     </div>
diff --git a/webui/src/pages/Home/components/ActionCard/styles.sass b/webui/src/pages/Home/components/ActionCard/styles.sass
index aea1aa2..44aa13d 100644
--- a/webui/src/pages/Home/components/ActionCard/styles.sass
+++ b/webui/src/pages/Home/components/ActionCard/styles.sass
@@ -3,11 +3,7 @@
 .action-card
   display: flex
   flex-direction: column
-  background-color: $background
   padding: 2rem 0
-  backdrop-filter: blur(10px)
-  border: 2px solid $border
-  border-radius: 1rem
   width: 13rem
   text-align: center
   gap: 2rem