diff --git a/src/css/widget.css b/src/css/widget.css
index 98ac996..7f4cf3f 100644
--- a/src/css/widget.css
+++ b/src/css/widget.css
@@ -1,46 +1,39 @@
 .widget {
   width: auto;
   height: 200px;
-  background-color: var(--color-smoke-10);
-  border: 1px solid var(--color-OP-header-footer-hover-background);
-  border-radius: 12px;
-  box-shadow: 2px 2px 2px #e1e1e1;
   display: flex;
   flex-direction: column;
-  margin: 50px; /* Add margin */
+  margin: 50px;
   position: sticky;
   top: var(--toc-top);
 }
 
 .widget-title {
   height: 25%;
-  font-weight: bold;
-  border-top-left-radius: 12px; /* Add top left border radius */
-  border-top-right-radius: 12px;
   font-family: var(--gs-base-font-family-default);
   color: #515560;
   display: flex;
-  background-color: var(--color-smoke-30);
-  align-items: center;
+  align-items: left;
   justify-content: center;
-  padding: 10px;
-  border-bottom: 1px solid var(--color-OP-header-footer-hover-background);
+  font-size: 16px;
+  text-decoration: underline;
 }
 
 .links {
   height: 75%;
   overflow: auto;
-  display: flex; /* Add flex display */
-  flex-direction: column; /* Make links stack vertically */
-  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  font-size: 13.5px;
 }
 
 .links a {
-  margin: 10px 0; /* Add vertical margin */
   color: var(--color-OP-green);
-  display: block; /* Make the links block elements */
-  width: 100%; /* Make the links take up the full width of their container */
-  white-space: nowrap; /* Prevent the links from wrapping onto multiple lines */
-  overflow: hidden; /* Hide any text that overflows the links' bounding box */
-  text-overflow: ellipsis; /* Display an ellipsis when the text overflows */
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  align-items: left;
+  padding-bottom: 7px;
 }