fix css

Author: sweta1308

snippets/components/CodePreview.css

@@ -14,6 +14,10 @@
   }
 }
 
+.code-block, .code-block [data-component-part="code-block-root"] {
+  background-color: #0b1e3d !important;
+}
+
 /* Content Panel */
 .content-panel {
   display: flex;
@@ -24,7 +28,7 @@
 
 /* Content Section */
 .content-section {
-  padding: 1rem;
+  padding: 0.5rem 1rem;
   border-left: 3px solid transparent;
   transition: all 0.25s ease;
   border-radius: 6px;
@@ -46,6 +50,15 @@
   box-shadow:
     0 2px 8px rgba(176, 176, 176, 0.1),
     inset 0 0 20px rgba(176, 176, 176, 0.05);
+  color: rgb(63, 65, 69);
+}
+
+.code-panel [data-component-part="code-block-root"] {
+  padding: 0rem 1rem;
+}
+
+.code-panel .code-block {
+  margin: 0px;
 }
 
 .content-section.active::before {
@@ -95,10 +108,10 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 0.75rem 1rem;
-  background: #2d2d2d;
+  padding: 0.4rem 1rem;
+  background: #0b1e3d;
   border-bottom: 1px solid #404040;
-  color: #a0a0a0;
+  color: white;
   font-size: 0.875rem;
   font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
 }
@@ -150,6 +163,7 @@
   overflow-x: auto;
   background: #0b1e3d;
   scroll-behavior: smooth;
+  padding: 14px 0px;
 }
 
 /* Custom scrollbar for code content */
@@ -173,7 +187,7 @@
 
 .code-content pre {
   margin: 0;
-  padding: 1rem;
+  padding: 0rem 1rem;
   background: transparent;
   color: #d4d4d4;
   font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;