diff --git a/src/components/disclaimer-modal/disclaimer-modal.module.css b/src/components/disclaimer-modal/disclaimer-modal.module.css
index 9bcceb60..fe7fb25f 100644
--- a/src/components/disclaimer-modal/disclaimer-modal.module.css
+++ b/src/components/disclaimer-modal/disclaimer-modal.module.css
@@ -43,38 +43,26 @@
.closeButton {
all: unset;
cursor: pointer;
- color: rgb(255, 255, 255);
- font-size: 16px;
- line-height: 16px;
- width: 18px;
- height: 18px;
- text-align: center;
- user-select: none;
+ width: 16px;
+ height: 16px;
+ margin-top: 4px;
+ margin-right: 4px;
+ position: absolute;
+ top: 0;
+ right: 0;
background-image: var(--disclaimer-modal-close-button-background-image);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
-.closeButton:hover {
- opacity: 0.8;
-}
-
.bd {
padding: 10px;
}
-.bd p {
- margin: 0 0 10px 0;
-}
-
-.bd ol {
- margin: 0;
- padding-left: 20px;
-}
-
.bd li {
- margin-bottom: 10px;
+ list-style-type: decimal;
+ list-style-position: inside;
}
.bd a {
diff --git a/src/components/disclaimer-modal/disclaimer-modal.tsx b/src/components/disclaimer-modal/disclaimer-modal.tsx
index fe86ee81..d183e380 100644
--- a/src/components/disclaimer-modal/disclaimer-modal.tsx
+++ b/src/components/disclaimer-modal/disclaimer-modal.tsx
@@ -34,11 +34,13 @@ const DisclaimerModal = () => {
The content on boards may be for mature audiences only and may not be suitable for minors. Boards are created and moderated by individual owners who run
their own nodes. If you are a minor or it is illegal for you to access mature content, do not proceed.
+