diff --git a/app/templates/themes/card_shadow/styles.css b/app/templates/themes/card_shadow/styles.css
index 318c5324..9a78f153 100644
--- a/app/templates/themes/card_shadow/styles.css
+++ b/app/templates/themes/card_shadow/styles.css
@@ -9,32 +9,31 @@
 }
 
 .post_list .post_teaser {
-    /*       top right bottom left*/
+    /* outside space  top right bottom left*/
     margin: 10px 5px 5px 5px;
-    /*       top right bottom left*/
+    /* inside space  top right bottom left*/
     padding: 5px 5px 5px 5px;
-    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
-    box-shadow: 0 4px 8px 0 rgba(0,123,255,0.2);
-    transition: 0.3s;
-    /* border: solid 1px rgba(0,0,0,0.2); */
+    /* border */
     border-left: solid 2px rgba(0,0,0,0.2);
     border-bottom: solid 2px rgba(0,0,0,0.2);
     border-right: solid 1px rgba(0,0,0,0.2);
     border-radius: 5px; /* 5px rounded corners */
+    /* shadow */
+    box-shadow: 0 4px 8px 0 rgba(0,123,255,0.2);
+    transition: 0.3s;
 }
 
 [data-bs-theme="dark"] .post_list .post_teaser {
-    /*       top right bottom left*/
+    /* outside space  top right bottom left*/
     margin: 10px 5px 5px 5px;
-    /*       top right bottom left*/
+    /* inside space  top right bottom left*/
     padding: 5px 5px 5px 5px;
-    box-shadow: 0 4px 8px 0 rgba(0,123,255,0.2);
-    /* box-shadow: 0 4px 8px 0 #007bff; */
-    transition: 0.3s;
-    /* border: solid 1px rgba(0,123,255,0.2); */
+    /* border */
     border-left: solid 2px rgba(0,123,255,0.2);
     border-bottom: solid 2px rgba(0,123,255,0.2);
     border-right: solid 1px rgba(0,123,255,0.2);
     border-radius: 5px; /* 5px rounded corners */
-
+    /* shadow */
+    box-shadow: 0 4px 8px 0 rgba(0,123,255,0.2);
+    transition: 0.3s;
 }
\ No newline at end of file