diff --git a/character/index.html b/character/index.html
index b13ea85..f16dbd3 100644
--- a/character/index.html
+++ b/character/index.html
@@ -10,7 +10,7 @@
 	</head>
 	<body>
 		<h1>Character Counter</h1>
-		<div class="card shadow">
+		<div class="cards shadow">
 			<textarea id="input" placeholder="Enter Text" rows="10" cols="60"></textarea>
 			<div id="count">0</div>
 		</div>
diff --git a/character/style.css b/character/style.css
index 9de1eeb..8cc50f1 100644
--- a/character/style.css
+++ b/character/style.css
@@ -1,13 +1,17 @@
 @import url(/global.css);
 
+.cards {
+    text-align: center;
+}
+
 h1 {
     font-size: 2rem;
     margin-bottom: 30px;
 }
 
 textarea {
-    background: #1e1e1e;
-    border: 1px solid #444;
+    background: var(--surface0);
+    border: 1px solid var(--surface1);
     color: #f0f0f0;
     padding: 12px;
     border-radius: 8px;
