diff --git a/src/data/static/css/style.css b/src/data/static/css/style.css
index f9d3db7..d97a062 100644
--- a/src/data/static/css/style.css
+++ b/src/data/static/css/style.css
@@ -89,6 +89,9 @@ footer img {
     box-shadow: 0 6px 15px rgba(0,0,0,0.45);
 }
 
+.transparent-box {
+    background-color: rgba(33, 37, 41, 0.85); /* Bootstrap dark with 85% opacity */
+}
 /* ======================================
    Links
 ====================================== */
diff --git a/src/data/templates/index.html b/src/data/templates/index.html
index 31b2e73..22ebc89 100644
--- a/src/data/templates/index.html
+++ b/src/data/templates/index.html
@@ -30,7 +30,7 @@
     <div class="row mb-5 justify-content-start">
         <div class="col-md-8">
             <a href="https://github.com/Kbz-8/42_KFS" class="text-decoration-none">
-                <div class="p-4 rounded-4 bg-dark text-light shadow hover-scale">
+                <div class="p-4 rounded-4 bg-dark text-light shadow hover-scale transparent-box">
                     <div class="row align-items-center">
                         <!-- Text -->
                         <div class="col-md-7">
@@ -52,7 +52,7 @@
     <div class="row mb-5 justify-content-end">
         <div class="col-md-8">
             <a href="https://git.vavaas.dev/Namonay/swifty-companion" class="text-decoration-none">
-                <div class="p-4 rounded-4 bg-dark text-light shadow hover-scale">
+                <div class="p-4 rounded-4 bg-dark text-light shadow hover-scale transparent-box">
                     <div class="row align-items-center flex-md-row-reverse">
                         <div class="col-md-7">
                             <h4>Swifty Companion</h4>
@@ -72,7 +72,7 @@
     <div class="row mb-5 justify-content-start">
         <div class="col-md-8">
             <a href="https://github.com/C18H24O2/override" class="text-decoration-none">
-                <div class="p-4 rounded-4 bg-dark text-light shadow hover-scale">
+                <div class="p-4 rounded-4 bg-dark text-light shadow hover-scale transparent-box">
                     <div class="row align-items-center">
                         <div class="col-md-7">
                             <h4>Override</h4>