diff --git a/CHANGELOG.md b/CHANGELOG.md
index e46545ce4..313190698 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## [2.12.4]
 - Fix `.suggestion` class to ensure it is scrollable and not overlapped by the `.suggestion-actions` fixed element. This change prevents the suggestion content from being hidden.
 - transmit required protocol version to language server
+- Remove unused stylesheet and refactor stylesheets
 
 ## [2.12.3]
 - Fix a bug in AI Applyfix on Windows.
diff --git a/media/views/common/suggestionHeader.scss b/media/views/common/suggestionHeader.scss
deleted file mode 100644
index 3cdcbee95..000000000
--- a/media/views/common/suggestionHeader.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.suggestion {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-
-.suggestion .suggestion-text {
-  padding: 0.4rem 0;
-  margin-bottom: 0.8rem;
-  font-size: 1.8rem;
-  font-weight: 500;
-  line-height: 2.4rem;
-}
-
-.severity {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 0;
-  float: left;
-  margin: 0 1rem 0 0;
-  text-align: center;
-}
-
-.severity .icon {
-  width: 32px;
-  height: 32px;
-}
-
-.icon {
-  vertical-align: middle;
-  width: 16px;
-  height: 16px;
-}
-
-.identifiers {
-  font-size: 1.3rem;
-  line-height: 2rem;
-}
-
-.vscode-dark .light-only {
-  display: none;
-}
-
-.vscode-light .dark-only {
-  display: none;
-}
diff --git a/media/views/oss/suggestion/suggestion.scss b/media/views/oss/suggestion/suggestion.scss
index 150e88372..fae0be9fe 100644
--- a/media/views/oss/suggestion/suggestion.scss
+++ b/media/views/oss/suggestion/suggestion.scss
@@ -1,5 +1,53 @@
 @import '../../common/webview';
-@import '../../common/suggestionHeader';
+
+.suggestion {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.suggestion .suggestion-text {
+  padding: 0.4rem 0;
+  margin-bottom: 0.8rem;
+  font-size: 1.8rem;
+  font-weight: 500;
+  line-height: 2.4rem;
+}
+
+.severity {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 0;
+  float: left;
+  margin: 0 1rem 0 0;
+  text-align: center;
+}
+
+.severity .icon {
+  width: 32px;
+  height: 32px;
+}
+
+.icon {
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+}
+
+.identifiers {
+  font-size: 1.3rem;
+  line-height: 2rem;
+}
+
+.vscode-dark .light-only {
+  display: none;
+}
+
+.vscode-light .dark-only {
+  display: none;
+}
 
 .clickable:hover {
   cursor: pointer;
@@ -48,4 +96,4 @@
   color: var(--vscode-foreground);
   font-size: var(--vscode-editor-font-size);
   font-family: var(--vscode-editor-font-family);
-}
\ No newline at end of file
+}
diff --git a/media/views/snykCode/falsePositive/falsePositive.scss b/media/views/snykCode/falsePositive/falsePositive.scss
deleted file mode 100644
index 0ef74af56..000000000
--- a/media/views/snykCode/falsePositive/falsePositive.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@import '../../common/variables';
-@import '../../common/vscode';
-@import '../../common/webview';
-@import '../../common/suggestionHeader';
-
-body {
-  height: 99%;
-}
-
-.editor-section {
-  flex: 2;
-}
-
-.editor {
-  width: 100%;
-  height: 100%;
-  resize: vertical;
-  color: $editor-font-color;
-  background-color: $editor-background-color;
-  border-color: $editor-background-color;
-
-  font-size: var(--vscode-editor-font-size);
-  font-family: var(--vscode-editor-font-family);
-
-  &:focus {
-    outline: none;
-  }
-}
-
-.warning {
-  display: flex;
-  align-items: center;
-
-  span {
-    margin-left: 0.3em;
-  }
-}
-
-.actions {
-  display: flex;
-  flex-direction: row-reverse;
-}
-
-.actions .button {
-  margin: 0 1rem 2rem;
-  flex: 0 0 30%;
-}