diff --git a/src/components/IndexSidebar.astro b/src/components/IndexSidebar.astro
index f1eedd7..ece9a30 100644
--- a/src/components/IndexSidebar.astro
+++ b/src/components/IndexSidebar.astro
@@ -21,11 +21,11 @@ const config = {
 ---
 
 <aside>
-  <div class="p-4">
-    <a href="/">
+  <div class="p-4 backdrop-blur-md backdrop-brightness-50 rounded-lg ">
+    <a href="/" >
       {
         icon && (
-          <Image class={"icon"} src={icon} width={10} height={10} alt={""} />
+          <Image class={"w-40 h-40 mx-auto object-cover object-center rounded-full"} src={icon} width={10} height={10} alt={""} />
         )
       }
       <h1 class="font-bold text-2xl pt-4">{config.title}</h1></a
@@ -68,15 +68,4 @@ const config = {
       </div>
     </div>
   </div>
-
-  <style>
-    img.icon {
-      width: 10rem;
-      height: 10rem;
-      margin: 0 auto;
-      object-fit: cover;
-      object-position: center;
-      border-radius: 50%;
-    }
-  </style>
 </aside>